1. 程式人生 > >14.3.1選擇選項

14.3.1選擇選項

訪問選中的選項的最簡單的方式是:

1、選擇框的selectedIndex屬性

var selectedOption = oSel.options[oSel.selectedIndex];

2、如果是選擇多項的的選擇框,selectedIndex屬性就好像只允許選擇一項一樣。

3、設定selectedIndex會導致取消以前的所有選項並選擇制定的那一項,而讀取selectedIndex則只會返回選項中第一項的索引值

4、另一種是對某一項的引用的selected屬性設定為true

selectbox.options[0].selected = true;

如果是單選框,則一個selected為true,則其它selected為false

如果是多選框,則可以多個選項selected為true

function getSelectedOptions(selectbox){
            var result = [];
            var option = null;
            for (var i=0,len=selectbox.options.length;i<len ;i++ )
            {
                option = selectbox.options[i];
                if (option.selected)
                {
                    result.push( option );
                }
            }
            
return result; }