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

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>

当我在选择中更改所选项目时，警报未触发。任何想法

Answer 1

代码没问题，你必须确保在脚本执行之前元素存在于DOM中。

将其置于文件就绪事件中：

$(document).ready(function(){

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

});

此处的工作示例：http://jsfiddle.net/carloscalla/y2jppe6m/