<select>元素的屬性

1、add(newOption,relOption) 向控制元件中插入新的<option>元素，其位置在相關項（relOption）之前

        var oSel = document.getElementById('selLocation');
        oPtion = document.createElement('option');
        oPtion.innerHTML = 'two';
        oSel.add(oPtion,oSel.options[1]);        

2、multiple：布林值，表示是否允許多項選擇，

<select id='selLocation' multiple="multiple" size='2'>
        <option>1</option>
        <option>2</option>
        <option>3</option>
</select>

3、options：控制元件中所有的<option>元素的HTMLCollection

4、remove(index)：移除給定位置的選項

var oSel = document.getElementById('selLocation');
oSel.remove(
 
0);//刪除某一項

5、selectedIndex：基於0的選中項索引，如果沒有選中項則值為-1.對於支援多選的控制元件，只儲存選中項中第一項的索引

6、size：選擇框中可見的行數；

<select id='selLocation' multiple="multiple" size='2'>
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select>

7、value屬性

如果沒有選擇為空字串

如果選一個則為該value

如果選兩個，則為第一個

<option>

1、index   當前選項在options中的索引

2、label   當前選項的標籤；

3、selected： 布林值 被選中返回true 

4、text ： 選項的文字

5、value：選項的值

var text = oSel.options[0].text;
var value = oSel.options[0].value;

選擇框的change事件與其他的表單欄位的change事件觸發是不一樣，其他表單的change事件是在值被修改並且focus焦點離開表單時觸發；

而選擇框則是選中了就觸發