javascript - jQuery 一起从多个选择中获取值

Question

我有以下代码，基本上当 select 的值发生变化时，我希望能够获取新值并将其添加到已经存在的值(或减去它)。

我在获取值时遇到了问题。我有这个来创建选择列表:

      <li class="extraHeight">
    <asp:Image runat="server" CssClass="iconImageMove" ID="Image14" ImageUrl="~/images/icons/carpark_off.png" />
    <div class="flipWidth">
        <select name="access" class="change" id="carpark_off"  runat="server">
            <option value="0">Off</option>
            <option value="256">On</option>
        </select>
     </div> <br /> <p class="noWrap">Accessible Car parking facilities</p>
</li>

        <li class="extraHeight">
    <asp:Image runat="server" CssClass="iconImageMove" ID="Image15" ImageUrl="~/images/icons/parking_off.png" />
    <div class="flipWidth">
        <select name="access" class="change" id="parking_off"  runat="server">
            <option value="0">Off</option>
            <option value="33554432">On</option>
        </select>
     </div> <br /> <p class="noWrap">Customer Car parking facilities</p>
</li>

        <li class="extraHeight">
    <asp:Image runat="server" CssClass="iconImageMove" ID="Image16" ImageUrl="~/images/icons/staff_off.png" />
    <div class="flipWidth">
        <select name="access" class="change" id="staff_off"  runat="server">
            <option value="0">Off</option>
            <option value="8192">On</option>
        </select>

(还有很多，但这给了你一个想法)

我正在使用以下 jQuery 来检测更改并尝试获取值，但它不起作用:

<script>

    var value = $("select").val()
    $("select").change(function () {
          alert(value);
        })

</script>

如有任何建议，我们将不胜感激!

汤姆

Answer 1

您只是在选择初始值。您需要获取更改事件中的值。

$("select").change(function () {
 var value = $(this).val()
 alert(value);
})