Question

我有一个下拉列表正在填写其他一些复选框的更改，因此在加载时下拉列表为空（其中只有一个选项“选择”）。

<select id="A" aria-invalid="false">
    <option disabled="" value="0">Select</option>
</select>

选中复选框后，该值将添加到下拉列表中，取消选中复选框值将从下拉列表中删除。

我已经为此写了一个逻辑。我正在寻找的是如何检查下拉列表是否添加了任何选项。即。检查一个复选框我想显示dropbox如果这是添加到它的第一个选项，否则隐藏下拉列表。

Answer 1

您可以使用option长度;

＆＃13;

var optionsLen = $('#A option').length;

document.write('<br />Number of Options = ' + optionsLen);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="A" aria-invalid="false">
  <option disabled="" value="0">Select</option>
</select>

＆＃13;

如果您想要多个未禁用的选项。

＆＃13;

var optionsLen = $('#A option:not(:disabled)').length;

document.write('<br />Number of Options = ' + optionsLen);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="A" aria-invalid="false">
  <option disabled="" value="0">Select</option>
  <option value="1">One</option>
</select>

＆＃13;

Answer 2

alert($('#A option').length)

DEMO

使用select作为select的id并选择该选项，然后使用.length

获取长度

Answer 3

你可以尝试这个：

$(document).ready(function() {
      alert($('#A option').length)
});

DEMO

Answer 4

在这里，这会检查有多少孩子，你只需要添加一个if条件或类似的东西就完成了

https://jsfiddle.net/z8ub6d01/

HTML：

<select>
    <option>Select</option>
    <option>Select</option>
    <option>Select</option>
</select>
<span id="foo"></span>

的jquery / JS：

var $children = $('select').children();
$('#foo').html("You have " + $children.length + " children");

检查下拉列表是否有多个选项

4 个答案: