jquery - オプションが選択されているかどうかを確認する

Question

重複の可能性：
jQueryでオプションが選択されているかどうかを確認し、そうでない場合はデフォルトを選択します

私はこのような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

両方の選択ボックスにデフォルトのオプション値="none"があることを考慮する

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