javascript - JQuery:onchange 事件

标签 javascript jquery html

尝试根据用户在选择中的选择来显示/隐藏文本文件。我相信我的问题出在 if 语句上。

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>

<script>
$(document).ready(function(){
  $("#drpStatus").change(function(){
    if( $(this).val() == 'Married'){
      $("#txtSpouse").show();
    else
      $("#txtSpouse").hide();
  });
});
</script>

</head>

<body>
<input type="text" id="txtSpouse" style="display:none">
<select name="drpStatus" id="drpStatus">
            <option value="Single" selected="selected">Single</option>
            <option value="Dating">Dating</option>
            <option value="Married">Married</option>
          </select>
</body>

</html>

最佳答案

简单的语法错误,在 if 后面有一个额外的 {。删除它就可以了。

演示:http://jsfiddle.net/yNqfM/

js

$("#drpStatus").change(function(){
 if( $(this).val() == 'Married') /*removed the {*/
  $("#txtSpouse").show();
 else
  $("#txtSpouse").hide();
});

关于javascript - JQuery:onchange 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15030526/

相关文章:

Titanium Mobile 的 JavaScript 库/框架

javascript - 演示 Wi-Fi 的多人游戏

jquery - 单击时更改 select2 选项

html - Django - 我需要实现拖放来上传文件

javascript - 为什么 jquery 不会将结果放在带有背景颜色设置的 div 中

javascript - 获取具有唯一值的数组的长度

javascript - "Show"正在工作,"hide"则不工作。 JavaScript

Jquery - POST,成功回调未执行

javascript - sfWidgetFormDoctrineJQueryAutocompleter - 事件不起作用

javascript - 使用锤子默认向上滑动