javascript - 检查下拉菜单是否有超过 1 个选项

Question

我有一个下拉列表，它是在更改其他一些复选框时填充的，所以在加载时下拉列表是空的(其中只有 1 个选项“选择”)。

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

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

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

Answer 1

您可以使用选项长度；

var optionsLen = $('#A option').length;

document.write('<br />Number of Options = ' + optionsLen);

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

---

如果您想要未禁用的选项数量。

var optionsLen = $('#A option:not(:disabled)').length;

document.write('<br />Number of Options = ' + optionsLen);

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