jquery - 当另一个选择更改时获取所选选项的文本

Question

如果您看到这个示例:http://jsfiddle.net/UTjbm/1/

我希望这样当第二个选择标签更改时，无论第一个选择选项文本是什么，都会出现警报。

根据我迄今为止的研究，我希望这会起作用，但可惜的是，事实并非如此。我正在使用jquery。

我的jsfiddle代码:

<select id="select_a">
  <option value='1'>woot1</option>
  <option value='2'>woot2</option>
  <option value='3'>woot3</option>
  <option value='4'>woot4</option>
</select>
<select id="select_b">
  <option value='1'>notwoot1</option>
  <option value='2'>notwoot2</option>
  <option value='3'>notwoot3</option>
  <option value='4'>notwoot4</option>
</select>

Javascript:

$("#select_b").change(function (){
  alert($("#select_a").options[$("#select_a").selectedIndex].text);
})

Answer 1

$("#select_a") 是一个 jQuery 对象

并且您正在尝试像 DOM 元素一样访问它..尝试此语法

alert($("#select_a")[0].options[$("#select_a")[0].selectedIndex].text);

.options 是可用于 DOM 对象的属性..

因此，当您尝试将其应用于 jQuery 对象时，它会引发语法错误。

要将 jQuery 对象转换为 DOM 对象，您可以执行以下操作

$("#select_a")[0] 或 $("#select_a").get(0) 然后应用其上相应的 DOM 方法。

或者简单地使用纯 jQuery 你可以做到这一点

$("#select_a option:selected").text()

<强> Check Fiddle