如何使用jQuery检查选择框中是否未选择任何选项？

Question

我试图看看是否在选择框中选择了一个选项，如果没有，我希望它提醒一个字符串。 我指的是这个链接（ 检查是否使用jQuery选择了选项，如果没有选择默认值 ），但它不起作用。

这是我的代码：

<select id="language" name="language">
  <option value=""></option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

if(!$("#language option:selected").length) {
  alert('no option is selected');
}

我几乎复制了链接的答案，但它仍然无法正常工作。 我错过了什么？

Answer 1

另一种方法是：

  if($("#language").attr("selectedIndex") == 0) {
    alert("You haven't selected anything!");
   }

工作示例： http ： //jsbin.com/eluki3/edit

Answer 2

也许是因为默认选择了第一个。

尝试使用

if($('#language :selected').text() == ''){
   alert('no option is selected');
}

Answer 3

if ( $("#language option:selected").val() === "" )
{
    alert("No items selected");
}

或者干脆

if ( $("#language").val() === "" )
{
    alert("No items selected");
}

Answer 4

你有没有把jQuery代码放在一个

$(function() { });

？

在DOM准备好之后需要对其进行评估。

Answer 5

我用以下方法解决了同样的问题

if ($('#mySelector option:selected').get().length>0) {
    //code
} else ...