javascript - 用于 html 控件的 javascript 中的选定索引更改事件

Question

我有一个 HTML 控件：

<select id="grade">

我想在选定的索引更改事件上获取下拉列表的选定值。

我尝试添加以下代码，该代码将在下拉选择更改时调用，但似乎不起作用。还有什么建议吗？

$("#grade").on('change', function() { 
alert("hi"); 
});

另外，如何在 Java Script 中获取选定的值。

Answer 1

对于那些不需要 jQuery 的人来说，这是一个替代方案：

<select id="grade" onchange="OnGradeChanged(this.value);">
     <option value="1">1</option>
     <option value="2">2</option>
</select>
<script>
function OnGradeChanged(value){
     alert(value);
}
</script>

Answer 2

你也可以试试：

$(document).ready(function(){
  $('#grade').change(function() {
    alert('Handler for .change() called.');
    alert($(this).val()); 
  });
});

Answer 3

如果运行代码时 ID=grade 不存在，则需要将处理程序委托给页面中的永久资产。这可以是从元素或正文或文档本身向上树的任何元素选择器。无论选择器是否已经存在或将来存在，此方法都将起作用

$(document).on('change',"#grade", function() { 
     alert( $(this).val())
});

如果 ID 确实存在，那么只要您将其包装在其中，您的代码就应该可以工作*document.ready*

$(function(){
/* your code*/

})