Fatal编程技术网
  • jquery/
  • 如果从下拉列表中未选择，则jquery

如果从下拉列表中未选择，则jquery

jquery

如果从下拉列表中未选择，则jquery,jquery,Jquery,我有这个密码： $("#source_lang, #targ_lang").each(function(index, element) { if ($(this +'option:selected').length== 0) { //some code } } 我想在列表中没有任何项目被选中时显示错误消息。 这不会给我任何结果（错误消息不会显示） 或者-不使用each-也可以检查 if ($("#source_lang

我有这个密码：

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

        if ($(this +'option:selected').length== 0) {
        //some code 
        }
        }
我想在列表中没有任何项目被选中时显示错误消息。 这不会给我任何结果（错误消息不会显示）

或者-不使用each-也可以检查

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

if（$（“#源语言，#目标语言”）.find（'option:selected'）。长度<2）{
...
}
（这意味着至少有一个选择尚未选择）

或者-不使用each-也可以检查

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

if（$（“#源语言，#目标语言”）.find（'option:selected'）。长度<2）{
...
}
（这意味着至少有一个选择尚未选择）

使用
find（）
：

使用
find（）
：

在这里我已经做了上述解决方案的箱子，你可以检查演示链接

演示：

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>

<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>
演示：

在这里，我为上述解决方案制作了垃圾箱，您可以查看演示链接

演示：

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>

<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>
演示：

如果未对HTML SELECT下拉列表执行任何操作，则selectedIndex为-1

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>

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

$(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)..!");
        }
    });
});

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

if（$（“#选择下拉列表”）[0]。selectedIndex如果未对HTML选择下拉列表执行任何操作，则selectedIndex为-1

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>



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


$(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)..!");
        }
    });
});



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



if（$（“#选择下拉列表”）[0]。selectedIndex thnx！这非常有用。：）我认为你的第二个选项比第一个更适合这个问题！thnx！这非常有用。：）我认为你的第二个选项比第一个更适合这个问题！