jquery - jquery - 根据选择菜单中的选项有条件地运行脚本

Question

我在选项菜单中有一个状态列表。我只想在选择 CA 或 NV 时运行一些 jquery。这是我所拥有的：

$('#state').change(function(){  var text=$('#state :selected').val();  
$('.st').val(text);      
});

我尝试（不成功）以适应另一位像这样的 jquery：

<script type="text/javascript">
      $(document).ready(function() {
        $("#state").change(function() {
          if ($("#state option[value='CA']").attr('selected')) {



$('#state').change(function(){  var text=$('#state :selected').val();  
$('.st').val(text);      
});



          }
        });
      });
    </script>

知道需要更改什么才能使其正常工作吗？

Answer 1

采用

if ($("#state").val() == "CA")

jQuery val()将从select元素返回选定的值。

这是一个工作示例：jsfiddle

编辑：这也是清除价值的一个：jsfiddle

$(function() {
    $("#state").change(function() {
        var state = $(this).val();
        $(".st").val((state  == "CA") ? state : "");
    })
});

Answer 2

你可以试试：

      if ($("#state option[value='CA']:checked").length > 0) { ... }

Answer 3

试试这个 -

 <script type="text/javascript">
  $(document).ready(function() {
    $("#state").change(function() {
      if ($("#state").val()=='CA') {
          //do something
         }    
      });
  });
</script>

Answer 4

我最终这样做了，对 Town 的代码进行了轻微编辑（以考虑 t 状态并具有非空白默认值：

<script type="text/javascript"> $(function() { $("#state").change(function() { var state = $(this).val(); $(".st").val((state == "CA" || state == "NV") ? state : "auto"); }) }); </script>