獲取 jquery 元素值

Question

我正在嘗試使用 jQuery 根據<select>元素的值做一個簡單的條件語句。 這工作正常：

var WantCategory = document.getElementById('WantCategory').value
if ((WantCategory <= 0) || (WantCategory >= 4)) {
    alert('hi')
}

這不起作用：

var WantCategory =$('select.WantCategory').val()
if ((WantCategory <= 0) || (WantCategory >= 4)) {
    alert('hi')
}

這是 html 部分

<label for="WantCategory">Item Category
    <select id="WantCategory">
        <optgroup label="Group of Options">
            <option value="0"></option>
            <option value="1">Option 1</option>
            <option value="2">Option 2</option>
            <option value="3">Option 3</option>
        </optgroup>
    </select>
</label>

Answer 1

嘗試這個：

var WantCategory = $('select#WantCategory').val();
if ((WantCategory <= 0) || (WantCategory >= 4)) {
    alert('hi')
}

您的原始代碼是按 class 而不是 id 選擇的。

Answer 2

var val = $(#WantCategory).val() ID 必須是唯一的，所以你不需要標簽名稱

Answer 3

如果 select 上的 id 是唯一的（理想情況下應該是唯一的），那么您應該可以這樣做：

var WantCategory = $('#WantCategory').val();