使用jquery $(this)识别选择下拉文本

Question

我在页面上有几个选择元素,例如

<select class="dd" id="dropdown1">
    <option value="123">Option A</option>
    <option value="234">Option B</option>
</select>
<select class="dd" id="dropdown2">
    <option value="456">Option C</option>
</select>

等等

我想使用jquery的$(this)来识别已经选择了几个下拉列表中的哪一个并返回它们的文本值.

我可以使用类似的东西:

$("#dropdown1 :selected").text() 

要返回指定的条目,但是当我尝试将$(this)添加到混合中时,它不起作用.我哪里错了？

Answer 1

由于您为它们使用相同的类,您可以使用:

$(".dd").change(function(){
  alert($('option:selected', $(this)).text());
});

要获取value所选值的选项,可以使用该val()方法.

请注意,您也可以starts with ^像这样使用选择器:

$("select[id^='dropdown']").change(function(){
  alert($('option:selected', $(this)).text());
});

更多信息:

• http://api.jquery.com/val/
• http://api.jquery.com/attribute-starts-with-selector/