Question

我有一个HTML控件：

<select id="grade">

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

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

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

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

Answer 1

您也可以尝试：

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

Answer 2

如果在运行代码时ID = grade不存在，则需要将处理程序委派给页面中的永久资产。这可以是来自eleemnt或body或文档本身的树中的任何元素选择器。无论选择器是否已存在，或将来是否存在

，此方法都将起作用

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

如果ID确实存在，只要您将代码包含在*document.ready*

中，您的代码就可以正常运行

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

})

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

选定的索引在javascript中为html控件更改了事件

3 个答案: