HTML使用Javascript选择标记

Question

我想在点击时在下拉列表中提醒特定选项的值。这是我的代码：

$("select").change(function () {
    alert($("option").html());
});

我已尝试使用.text()和.val()，但似乎都没有效果。

Answer 1

假设您没有使用select[multiple]元素，“获取该值的”jQuery Way™“是：

$('select').change(function () {
  console.log($(this).val());
});

真的可能是：

console.log(this.value);

现有代码存在的问题是$('option')选择了所有option元素，然后.html()获取了集合中第一个option元素的innerHTML。

您不希望页面上的第一个option，您想要select元素的当前值。

Answer 2

alert($(this).val());

如果您想要值而不是文本

，这应该可行

Answer 3

足够简单

$("select").change(function () {
    alert($(this).val());
});