根据表单值显示/隐藏div

时间:2014-03-12 23:01:06

标签: javascript

var test = document.getElementById("TEST1").value;
if (test.value != 1) {
    document.getElementById("field_DOPT").style.display='none';
}

这似乎不起作用。我得到TEST1值为1,但它没有隐藏div。任何帮助将不胜感激。谢谢

3 个答案:

答案 0 :(得分:1)

在您的情况下,test是输入元素TEST1的值,它没有value属性

所以要么将元素指定为test的值,然后在条件中使用test.value

var test = document.getElementById("TEST1");
if (test.value != 1) {
    document.getElementById("field_DOPT").style.display='none';
}

或仅在条件

中使用测试
var test = document.getElementById("TEST1").value;
if (test != 1) {
    document.getElementById("field_DOPT").style.display='none';
}

答案 1 :(得分:0)

您已为TEST1变量分配了test值,因此在测试中您可以这样做:

if (test != 1) {
    document.getElementById("field_DOPT").style.display='none';
}

答案 2 :(得分:0)

在定义value时,您已经获得元素的test属性,然后查找其value属性的value属性 - 这是最简单的方法改进这段代码是:

var testValue = document.getElementById("TEST1").value;
if (testValue != 1) {
    document.getElementById("field_DOPT").style.display='none';
}

我已将您的变量名称从test更改为testValue,因此很明显您实际上并未处理TEST1元素,而是处理其值(因此它是明确没有必要获得value财产。