多选框使用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());
});

希望它会有用。