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

これを試して -

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

Answer 2

私は最終的にこれを行い、タウンのコードをわずかに編集しました（t状態を考慮し、空白でないデフォルト値を持たせるため：

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

Answer 3

使用する

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

jQuery val()要素から選択された値を返しselectます。

これが実際の例です：jsfiddle

編集:そして、値もクリアするものがあります: jsfiddle

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

Answer 4

あなたは試すことができます：

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