jQuery根据类获取所选下拉项的值

Question

我已尝试使用以下代码来根据其类获取所选下拉列表的值，但它返回未定义 - 有人可以建议我哪里出错了 -它与我有多个下拉菜单有关吗？

情况

I have three dropdown boxes all using the same 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();

Answer 1

你可以这样得到它:

HTML:

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

JQUERY:

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

fiddle :

FIDDLE EXAMPLE

更新:

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

HTML:

<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())

})