檢查選項被選中

Question

可能重複：
Check if option is selected with jQuery, if not select a default

我有HTML這樣的：

<div id="somedivid"> 

<select class="someclass"> 
<!-- options --> 
</select> 

<select class="someclass"> 
<!-- options --> 
</select> 

</div> 

如果兩個選擇框，選擇選項如何檢查？

編輯：我不能改變HTML，所以它意味着我不能添加ID來選擇元素。

Answer 1

選擇始終有一個選擇。

但假如你把一個空的選擇是這樣的：

​<select id=select1> 
    <option></option> 
    <option>A</option> 
    <option>B</option> 
</select>​ 

您可以測試：

if ($('#select1').val() && $('#select2').val()) { 
    // both have selection 

編輯：如果你沒有ID或名稱，你可以使用這個：

var allSelected = true: 
$('#somedivid select').each(function() { 
    if (!$(this).val()) { 
     allSelected = false; 
     break; 
    } 
}); 

Answer 2

<script type="text/javascript"> 
    $(function() { 
     $('#somedivid > select').bind('change', function(){ 
      if($('#sel1').attr('value') != 'default' && $('#sel1').attr('value') != 'default'){ 
       //do something here. 
      } 
     }); 
    }); 
</script> 
<div id="somedivid"> 

    <select id="sel1"> 
     <option value="default" selected="selected"></option> 
     <!-- options --> 
    </select> 

    <select id="sel2"> 
     <option value="default" selected="selected"></option> 
     <!-- options --> 
    </select> 

</div> 

Answer 3

考慮機器人^ h選擇框有一些默認選項值=「無」

var isBothSelected=0; 
if($('#selectbox1 option:selected').val() =='none'){ 
    alert('Plase select the select1'); 
    isBothSelected=isBothSelected+1; 
    //return false; 
} 
if($('#selectbox2 option:selected').val() =='none'){ 
    alert('Plase select the select2'); 
    isBothSelected=isBothSelected+1; 
    // return false; 
} 
if(isBothSelected ==2){ 
    alert('Both are not selected') 
} 

Answer 4

試試這個

 var val= $("#selectid option:selected").value(); 
      if(val==="") 
       { 
      alert("your code on not selected condition"); 
      }