多个选择框使用 jquery 确认至少选择了一个选项

Question

我有一个选择框，如果选择了一个选项，我需要在 mouseleave 上使用 jquery 检查，但是即使选择了一个选项，诸如$('#category').attr("selectedIndex")建议也会返回 undefined 。

下面的 HTML：

<select id="category" multiple="multiple" class="category">
    {% for category in categories %}
       <option value="{{ category.id }}">{{ category.name }}</option>
    {% endfor %}
</select>

我让 Django 转储了一个选项列表，所以对于上面的选项列表。 我更喜欢代码是否可以按选择 id category进行过滤，因为它不会干扰任何其他选择框。

Answer 1

你可以试试

$("#category option:selected").index()

或

$("#category").prop("selectedIndex")

我认为 .prop 适用于较新版本的 jquery。

Answer 2

$("#category").on('focusout',function() {
  console.log($(this).val());
});