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 : "");
    })
});