jquery - ドロップダウンから何も選択されていない場合はjquery

Question

私はこのコードを持っていました：

    $("#source_lang, #targ_lang").each(function(index, element) {

        if ($(this +'option:selected').length== 0) {
        //some code 
        }
        }

リストのどの項目も選択されていないときにエラーメッセージを表示したい。これでは結果が得られません（エラーメッセージは表示されません）。

Answer 1

$("#source_lang, #targ_lang").each(function() {
    if (this.selectedIndex === 0) {
        //some code 
    }
}

または-それぞれを使用せずに-チェックすることもできます

if ($("#source_lang, #targ_lang").find('option:selected').length < 2) {
    ...
}

（これは、少なくとも1つの選択が選択されていないことを意味します）

Answer 2

使用find()：

if ($(this).find('option:selected').length== 0) {
        //some code 
}

Answer 3

ここで私は上記の解決策のためにビンを作りました、あなたはデモリンクをチェックすることができます。

デモ： http ：//codebins.com/bin/4ldqp9m

HTML

<div id="panel">
  <select id="sel_country" multiple="multiple" size="4" class="select">
    <option value="India">
      India
    </option>
    <option value="USA">
      USA
    </option>
    <option value="UK">
      UK
    </option>
    <option value="England">
      England
    </option>
    <option value="France">
      France
    </option>
    <option value="Australia">
      Australia
    </option>
    <option value="Norvey">
      Norvey
    </option>
    <option value="South Africa">
      South Africa
    </option>
    <option value="Malesiya">
      Malesiya
    </option>
    <option value="Dubai">
      Dubai
    </option>
  </select>
  <br/>
  <input type="button" id="btn1" name="btn1" value="Get Selected Values" />
  <div id="result">
  </div>
</div>

jQuery：

$(function() {
    $("#btn1").click(function() {
        var seloptions = $("select#sel_country").val() || "";
        if (seloptions != "") {
            $("#result").text(seloptions);
        } else {
            $("#result").text("You have not selected any option(s)..!");
        }
    });
});

デモ： http ：//codebins.com/bin/4ldqp9m

Answer 4

HTML SELECTドロップダウンでアクションが実行されていない場合、selectedIndexは-1です。

HTML

<select name="city" id="select-dropdown">
    <option value="">Select City</option>
    <option value="4856">Mumbai</option>
    <option value="5684">London</option>
    <option value="5983">New York</option>
</select>

jQuery：

if ($("#select-dropdown")[0].selectedIndex <= 0) {
    alert('Please select City.');
    $("#select-dropdown").focus();
    return false;
}

一度試してみてください。それが動作します。