如何使用jQuery在下拉列表中获取所选值的计数

Question

我有这样的HTML。我需要使用标签获取所选值的计数。如何使用jQuery。

<select id="availability1">
  <option value="Available">Available</option>
  <option selected="selected" value="Scheduled">Scheduled</option>
  <option value="Unavailable">Unavailable</option>
</select>

<select id="availability2">
  <option value="Available">Available</option>
  <option value="Scheduled">Scheduled</option>
  <option selected="selected" value="Unavailable">Unavailable</option>
</select>

<select id="availability3">
  <option value="Available">Available</option>
  <option value="Scheduled">Scheduled</option>
  <option selected="selected" value="Unavailable">Unavailable</option>
</select>

<select id="availability4">
  <option value="Available">Available</option>
  <option selected="selected" value="Scheduled">Scheduled</option>
  <option value="Unavailable">Unavailable</option>
</select>

如何获取已计划的选定值。 ID具有模式可用性（X）。如何使用jQuery编写它。我期望的输出是2，因为有两个选定的标签是Scheduled。

感谢。

Answer 1

您可以使用.filter()和.length执行此类操作：

var scheduled = ​$("select").filter(function() {
                  return $(this).val() == "Scheduled";
                })​​​​​​;
alert(scheduled.length);​

You can give it a try here，这会获取所有<select>元素，然后执行.filter()以获取具有选定值“已安排”的元素，然后我们只是警告{{ 3}}看看有多少人。