jquery - jQuery可以在更改时检测选择值但在页面加载时检测不到？

Question

我的页面上有一个名为 booking[car_id] 的选择元素

我可以在选项更改时检测到该值，但是如果我尝试在页面加载时获取该值，我只会得到“未定义”。

所以，这工作正常：

$('select[name=booking\\[car_id\\]]').change(function() {
    alert(this.value);
});

这将返回未定义：

alert($('select[name=booking\\[car_id\\]]').value);

我错过了一些简单的东西吗？

任何建议表示赞赏。

谢谢

score 3 · Accepted Answer

您应该使用val方法，jQuery 对象没有value属性，还要确保 DOM 已准备好：

$(function(){
  alert($('select[name=booking\\[car_id\\]]').val());
});

您还可以触发change事件，因此处理程序在页面加载时执行：

$('select[name=booking\\[car_id\\]]').change(function() {
    alert(this.value);
}).change();

score 2 · Accepted Answer

尝试这个 -

$(document).ready(function(){
 alert($('select[name=booking\\[car_id\\]]').val());
});

score 1 · Accepted Answer

您正在使用 javascript DOM 的功能而不是 $ obj.val()

alert($("select[name=booking\\[car_id\\]]").val());

3 回答 3