无法触发选择列表上的更改事件

Question

html:

<select id="v_name" align="top">
  <option value="server1">server1</option>
  <option value="server2">server2</option>

    </select>

javascript:

<script>

  $("#v_name").change(function() {
    var selected = $(this).val(); //value of selected attribute
 alert(selected);
  });
</script>

When I change the selected item on the select, alert is not firing. Any ideas

Answer 1

The code is OK you just have to make sure the element exists in the DOM before the script executes.

Put it inside document ready event:

$(document).ready(function(){

    $("#v_name").change(function() {
        var selected = $(this).val(); //value of selected attribute
        alert(selected);
    });

});

Working sample here: http://jsfiddle.net/carloscalla/y2jppe6m/