選定的索引更改事件中的JavaScript的HTML控制

Question

我有一個HTML控件：

<select id="grade"> 

我想下拉列表中選定的指數變化的情況下選擇的值。

我試着添加下面的代碼，這將調用下拉選擇更改，但似乎它不工作。任何其他建議？

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

另外，如何在Java Script中獲得選定的值。

Answer 1

如果ID =檔次不存在運行代碼時，你需要處理程序委託給在該頁面的永久資產。這可以是任何元素從您的eleemnt或body或文檔本身選擇樹。不管此方法將工作，如果選擇已經存在，或將在未來存在

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

如果ID不存在，你的代碼應該只要你包裹在*document.ready*

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

}) 

Answer 2

你還可以嘗試：

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

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>