javascript - 为什么我的 jquery val() 没有从我的选择框中选择实际选择的值？

Question

当我输入 $('select[id*=lstAdvGradYear]') 时 Chrome 给了我

<select name="Views\ContentArea$ctl00$lstAdvGradYear" id="Views\ContentArea_ctl00_lstAdvGradYear" class="ddReplace" style="display: none; ">
    <option value="2016">2016</option>
    <option value="2015">2015</option>
    <option value="2014">2014</option>
    <option selected="selected" value="2013">2013</option>
    <option value="2012">2012</option>

</select>

当我输入 $('select[id*=lstAdvGradYear]').val() 时chrome 回复 "2016" .

当我输入 $('select[id*=lstAdvGradYear] option:selected ').val() 时chrome 也回复 "2016"

当我输入 $('select[id*=lstAdvGradYear] option:selected') 时chrome 回复 [<option value="2016">2016</option>]

我做错了什么？

我已经确认没有其他具有相似名称的下拉菜单

---

编辑: 明确地说，我的问题是 .val()应该返回 2013 年而不是 2016 年

Answer 1

这是因为在前两种情况下，您调用了 $.val() 函数，但在后一种情况下，您没有。

$.val() 返回 HTML 元素的值。 $() 返回一个表示一个或多个 html 元素的对象，您可以调用许多方法，包括 $.val()

更新:根据文档 (http://api.jquery.com/attribute-contains-selector/)，id*= 右边的值似乎 应该用引号引起来。这有什么区别吗？