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

Question

我已经尝试了以下代码来获取基于其类的所选下拉列表的value，但它返回undefined - 有人可以建议我出错的地方吗 - 它与事实有关我有多个下拉菜单？

场合

  

我有三个下拉框都使用相同的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())

})