检查是否使用jQuery选择了选项，如果未选择默认选项

Question

使用jQuery，如何检查选择菜单中是否有选项，如果没有，则将其中一个选项分配为选中状态。（选择是通过我刚刚继承的应用程序中的PH

Answer 1

虽然我不确定您到底想完成什么，但是这段代码对我有用。

<select id="mySelect" multiple="multiple">

  <option value="1">First</option>

  <option value="2">Second</option>

  <option value="3">Third</option>

  <option value="4">Fourth</option>

</select>

<script type="text/javascript"> 

$(document).ready(function() {

  if (!$("#mySelect option:selected").length) {

    $("#mySelect option[value='3']").attr('selected', 'selected');

  }

});

</script>

Answer 2

无需为此使用jQuery：

var foo = document.getElementById('yourSelect');

if (foo)

{

   if (foo.selectedIndex != null)

   {

       foo.selectedIndex = 0;

   } 

}

分享编辑

Answer 3

这个问题很老，并且有很多观点，所以我只想提出一些可以肯定的东西。

要检查选择元素是否有任何选定项：

if ($('#mySelect option:selected').length > 0) { alert('has a selected item'); }

或检查选择项是否未选择：

if ($('#mySelect option:selected').length == 0) { alert('nothing selected'); }

或者您是否处于某种循环中，并且想要检查是否选择了当前元素：

$('#mySelect option').each(function() {

    if ($(this).is(':selected')) { .. }

});

检查循环中是否未选择元素：

$('#mySelect option').each(function() {

    if ($(this).not(':selected')) { .. }

});

这些是执行此操作的一些方法。jQuery具有完成同一件事的许多不同方式，因此您通常只需选择哪种方式似乎效率最高。