首页 > javascript > select > Javascript Form - 如何获取选定的选项文本

Javascript Form - 如何获取选定的选项文本

select 【select】
我们想知道如何获取选定的选项文本。
代码展示 运行结果 

<html> 
<head> 
<script type="text/javascript"> 
function seeColor(form) { 
    var newColor = (form.colorsList.options[form.colorsList.selectedIndex].text); 
    document.bgColor = newColor; 
} 
</script> 
</head> 
<body> 
<form> 
<select name="colorsList"> 
    <option selected="selected">Gray</option> 
    <option>Yellow</option> 
    <option>Black</option> 
    <option>Red</option> 
</select>
<input type="button" value="Change It" onclick="seeColor(this.form)" />
</form> 
</body> 
</html>