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