JS獲取select的value和text值的簡單實例

複製代碼代碼如下:

<select id = "cityList" >

<select id = "selectId" >

<option value = "0">第0個</option>

</select>

<script>

var selectObj = document.getElementById('selectId');

// 通過對象添加option

selectId.add(new Option("第一個","1"))

selectId.add(new Option("第二個","2"))

// 通過id添加option

selectId.add(new Option("第三個","3"))

selectId.add(new Option("第四個","4"))

// 通過id添加方法（也可以通過對象添加方法）

selectId.onchange = function(){

// 通過對象獲取value和text

alert(selectObj.value);

alert(selectObj.options[selectObj.selectedIndex].text);

// 通過id 獲取value和text

alert(selectId.value);

alert(selectId.options[selectId.selectedIndex].text);

// 還可以通過this獲取value和text

alert(this.value);

alert(this.options[this.selectedIndex].text);

};

</script>