<form name="a">
<select name="a" size="1" id=”obj”>
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option>
</select>
</form>
console.log( obj.options[obj.selectedIndex].text ) 輸出的是1,
console.log( obj.options[obj.selectedIndex].value ) 輸出的是a
window.onload = function(){
//首先獲得下拉框的節(jié)點對象实胸；
var obj = document.getElementById("obj");
//1.如何獲得當前選中的值狈谊？：
var value = obj.value;
//2.如何獲得該下拉框所有的option的節(jié)點對象
var options = obj.options;
//注意：得到的options是一個對象數(shù)組
//3.如何獲得第幾個option的value值?比如我要獲取第一option的value,可以這樣：
var value1 =options[0].value;
//4.如何獲得第幾個option的文本內容?比如我要獲取第一option的文本,可以這樣：
var text1 = options[0].text;
//5.如何獲得當前選中的option的索引赂毯？
var index = obj.selectedIndex;
//6.如何獲得當前選中的option的文本內容厅各？
//從第2個問題霞篡，我們已經(jīng)獲得所有的option的對象數(shù)組options了
//又從第5個問題斯嚎，我們獲取到了當前選中的option的索引值
//所以我們只要同options[index]下標的方法得到當前選中的option了
var selectedText =options[index].text;
}
