1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

//select中的onchange是在下拉框中所選的值發(fā)生變化時(shí)觸發(fā)的事件。

//可以給onchange事件綁定一個(gè)方法，在onchange事件觸發(fā)時(shí)會(huì)執(zhí)行綁定的方法。

//示例：

//首先可以響應(yīng)select的onchange事件來調(diào)用JS編寫的事件響應(yīng)函數(shù)，如

<select id="select1" name="select1" onchange="outputSelect();">

   <option>...

</select>

//然后編寫事件響應(yīng)函數(shù)：    

//如果select位于表單（form1）中，select的name為select1，則可使用如下方法：

//獲得用戶選中的項(xiàng)的索引

var index=window.document.form1.select1.selectedIndex;

//根據(jù)索引獲得該選項(xiàng)的value值

var val=window.document.form1.select1.options[index].value;

//如果select并非表單元素，假設(shè)select的id為select1,則如下：

var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;

var val=window.document.getElementByIdx_xx_x("select1").options[index].value;

//如果要輸出選擇結(jié)果，假設(shè)HTML中定義了一個(gè)<div id="output"></div>，則如下輸出：

window.document.getElementByIdx_xx_x("output").innerText=val;

//一個(gè)示例：

function outputSelect(){

//獲取用戶選中的項(xiàng)的索引

var index=window.document.getElementByIdx_xx_x("select1").selectedIndex;

//根據(jù)index獲取選中項(xiàng)的value值

var val=window.document.getElementByIdx_xx_x("select1").options[index].value;

//根據(jù)index獲取選中項(xiàng)的Text值，即在下拉列表中顯示的選項(xiàng)文本

var vname=window.document.getElementByIdx_xx_x("select1").options[index].text;

//輸出value : 

textdocument.getElementByIdx_xx_x("output").innerText=val " : " vname;