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

Question

我有一个选择框，我需要使用jquery在mouseleave上进行检查，如果有一个选项被选中，但是像$('#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").on('focusout',function() { 
    console.log($(this).val()); 
}); 

希望它会有用。

Answer 2

您可以尝试

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

或

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

我觉得.prop是jQuery的较新版本。