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

【问题标题】：Selected Index changed event in javascript for html control用于 html 控件的 javascript 中的选定索引更改事件
【发布时间】：2012-10-11 16:25:41
【问题描述】：

我有一个 HTML 控件：

<select id="grade">

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

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

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

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

【问题讨论】：

标签： javascript events select drop-down-menu selectedindexchanged

【解决方案1】：

你也可以试试：

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

【讨论】：

【解决方案2】：

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

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

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

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

})

【讨论】：

谢谢，这就是我一直在寻找的。对我来说，它也可以在不使用 document.ready 的情况下工作

【解决方案3】：

对于那些不需要 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>

【讨论】：