JavaScript 显示/隐藏字段不起作用 - OnChange 不会每次都发生
JavaScript Display/Hide Fields not working - OnChange doesn't occur everytime
I am trying to hide and show fields based of the selection in a dropdown field. I got it do hide but when I select another value it doesn't display again.
<script type="text/javacript">
function checkEm(){
if (document.getElementById('JobTypeDDL').selected = "2"){
document.getElementById('DateTbx').style.visibility = "hidden";
document.getElementById('DateTbx').style.display = "none";
} else {
document.getElementById('DateTbx').style.visibility = "visible";
document.getElementById('DateTbx').style.display = "block";
}
}
</script>
<div class="InputField">
<select name="JobTypeDDL" id="JobTypeDDL" onChange="checkEm()">
<option value="0" <?php if ($_POST['JobTypeDDL'] == "0") {echo "selected='selected'";} ?> >Select Job Type</option>
<option value="1" <?php if ($_POST['JobTypeDDL'] == "1") {echo "selected='selected'";} ?> >New Mobility</option>
<option value="2" <?php if ($_POST['JobTypeDDL'] == "2") {echo "selected='selected'";} ?> >Service/Repair/Install</option>
</select>
</div>
<input name="DateTbx" id="DateTbx" type="text" <?php if (!$_POST['DateTbx'] == "") {echo "value='". $_POST['DateTbx']."'";} ?> />
使用 ==
在 if
语句中测试相等性。您正在使用=
,这是赋值。
在 if 条件中,您使用单个 =。 请改用===
。
相关文章:
- Onchange没有'不要显示或隐藏Div
- onChange 函数更改表中显示的数据
- onchange选择get value并执行查询,然后在同一页面上显示结果
- HTML onchange显示/隐藏表
- this.value 在从 onchange 事件调用函数时显示为 undefind
- 添加两个文本字段值,并使用 Javascript 中的 OnChange 在另一个文本字段中显示结果
- Dropdownlist Onchange显示其他Dropdownlist
- onchange使用Javascript从数据库中显示GridView记录(如果存在)
- onchange事件显示目标元素的所有文本值,原因
- Jquery和输入文本onchange显示弹出
- 使用onchange()显示基于下拉选择的结果
- 选中的选项必须在onchange功能之后显示
- 如何使用jquery动态onchange()来显示和隐藏另一个表单
- Onchange方法在使用子字符串javascript后不显示文本
- Woocommerce分类显示"Cannot set property 'onchange'n
- 有条件地显示/隐藏文本区域与选择.Javascript中的onchange
- 填写表单的脚本执行速度比onchange()显示表单选项的速度快
- 如何使用onchange获得多个表行显示/消失
- 如何显示或不显示表行或表数据使用onchange在html
- Onchange显示选择的数据属性不起作用