javascript - 获取jQuery元素值

我正在尝试使用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>

最佳答案

试试这个：

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

原始代码是按类而不是按id选择的。