DOM物件object:標籤節點與元素內容
-以select-option 標籤為例

(1).選單清單的結構：select-option

學號001 學號002  

程式碼：
<select id="selecttest">
<option>學號001</option>
<option>學號002</option>
</select>

(2).新增一筆option項目到select尾端，的DOM寫法： select01=document.getElementById("select的id");
option01=document.createElement("option");
option01.innerHTML="顯示的文字";
select01.appendChild(option01);

(3).新增一筆option項目到select的第3行，DOM寫法： select01=document.getElementById("select的id");
option01=document.createElement("option");
option01.innerHTML="顯示的文字";
select01.insertBefore(option01,select001.childNodes[3]);

(4).刪除select的第3行，DOM寫法： select01=document.getElementById("select的id");
select01.removeChild(select001.childNodes[3]);

(5).修改select第3行的內容，DOM寫法： select01=document.getElementById("select的id");
option01=document.createElement("option");
option01.innerHTML="顯示的文字";
select01.replaceChild(option001,select001.childNodes[3]);

(6).注意：要定位第幾個li編號，有的時後會出現錯誤
(A).若是option由textbox輸入，一個一個慢慢新增，那麼編號，正確
(B).若是option已經事先有幾個了，那麼編號，會不正確

比較：另外一種方法新增option到select的方法：

(1).新增一個項目到select-option內，傳統javascript方法：
for(i=0;i<array.length;i++) {
select01.options.add(new Option(array[i]));
}
注意：第1個options(小寫O，有s)，第2個Option(大寫O，沒s)

(2)如何知道下拉式選單select是選到第幾個option，傳統javascript方法：
第幾個 = select001.selectedIndex