1

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

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

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

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

4

4 に答える 4

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

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

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

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

于 2012-07-25T10:20:18.080 に答える
3

使用find()

if ($(this).find('option:selected').length== 0) {
        //some code 
}
于 2012-07-25T10:20:35.397 に答える
0

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

デモ: 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

于 2012-07-25T13:18:27.963 に答える
0

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

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

于 2018-05-14T17:34:31.263 に答える