Question

I’ve got the following code which basically when the value of the select is changed I want to be able to take the new value and add it to the already existing value (or minus it).

I’m having an issue actually grabbing the value. I have this to create the select lists:

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

(There are a lot more but that gives you an idea)

I’m using the following jQuery to detect the change and try and grab the value but it’s not working:

<script>

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

</script>

Any suggestions would really be appreciated!

Tom

Answer 1

You are only selecting the initial value. You need to get the value inside the change event.

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