jQuery根据类获取所选下拉项的值 [英] jQuery obtain value of selected dropdown item based on class

问题描述

我已尝试以下代码根据其类获取选定下拉列表的value，但它返回undefined-有人可以建议我要去哪里吗-因为它与我有多个下拉列表有关?

I have tried the following code to obtain the value of a selected dropdown based on its class but it returns undefined - could anybody suggest where I am going wrong please - si it connected with the fact I have multiple dropdowns?

情况

我有三个下拉框，都使用相同的class-class='hotel'.

HTML

<select>
    <option class="hotel" name="ABC" value="df435">Birmingham </option>
</select>

<select>    
    <option class="hotel" name="ACME" value="cvf53">Leeds</option>
</select>

<select>
    <option class="hotel" name="XYZ" value="re4">London</option>
</select>

jQuery

var hotel = $(".hotel option:selected").val();

推荐答案

您可以这样获得它:

<select class="hotel">
    <option value="1" selected="selected">Some Option</option>
</select>

JQUERY:

$(".hotel").val();

FIDDLE:

示例示例

更新:

对于具有相同班级的多个下拉列表，您可以执行以下操作:

For multiple dropdown with same class you can do this:

<select class="hotel">
    <option value="1" selected="selected">Some Option</option>
</select>

<select class="hotel">
    <option value="2" selected="selected">Some Option</option>
</select>

<select class="hotel">
    <option value="1" selected="selected">Some Option</option>
</select>

JQUERY:

$(".hotel").each(function () {

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

})

然后使用更改事件:

$(".hotel").on("change",function(){

alert($(this).val())

})

这篇关于jQuery根据类获取所选下拉项的值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！