如何使用javascript獲取html選擇值？

我想知道如何在每次更改值組合框時獲取所選選項的值。這裏是我的代碼：如何使用javascript獲取html選擇值？

<html> 
<head> 
<script type="text/javascript"> 
function dispOptionValue() { 
var select = document.getElementById('footballPlayers'); 
alert(select.options.value); 
} 
</script> 
</head> 
<body> 
<select id="footballPlayers" onchange="dispOptionValue"> 
<option value="1">Ricardo Kaka</option> 
<option value="2">Cristiano Ronaldo</option> 
<option value="3">Johan Crujjf</option> 
<option value="4">Gerd Muller</option> 
<option value="5">Franz Beckenbauer</option> 
</select> 
</body> 
</html>

我知道它錯了，但我不知道如何開始。請幫助。提前致謝。

來源

2011-11-05 NinjaBoy

您可以修改您的代碼如下：

function dispOptionValue() 
{ 
    var select = document.getElementById('footballPlayers'); 
    alert(select.options[select.selectedIndex].value); 
}

而且在dispOptionValue()

來源

2011-11-05 14:09:37

非常感謝。如果我想獲得選項的內容，我該怎麼做呢？ – NinjaBoy

啊好吧我已經得到它我只需要做select.options [select.selectedIndex] .innerHTML – NinjaBoy

嘗試：

<script type="text/javascript"> 
$(document).ready(function() { 


$('input[type=checkbox]').each(function() { 
    var select = $(this).val(); 
    alert(select); 
}); 

}); 
</script>

不要忘記，包括js文件。

來源

2011-11-05 14:09:21

由於稍後我會考慮改變onChange事件。現在我想使用原生JavaScript。我將在稍後學習jQuery。 – NinjaBoy

如何使用javascript獲取html選擇值？

回答

相關問題