获取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')
}

您的原始代码是按类而不是按ID进行选择。

Answer 2

var val = $（＃WantCategory）.val（） ID必须是唯一的，因此您不需要标记名称

Answer 3

如果select上的id是唯一的（理想情况下应该是这样）那么你应该能够做到：

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