jquery - Условно запустить скрипт на основе опции из меню выбора

Question

У меня есть список состояний в меню опций. Я хотел бы запустить немного jquery только при выборе CA или NV. Вот что у меня есть:

$('#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

EDIT: А вот тот, который очищает значение также: 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

я в конечном итоге делает это, легкое редактирование кода города (для учета состояний т и иметь не пустое значение по умолчанию:

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