|
|
<form name="testform">
<select name="testselect">
<option value="first">first option</option>
<option value="second">second option</option>
<option value="third">third option</option>
<option>your browser can't handle this script</option>
</select>
</form>
用下面的代碼可以訪問到下拉框中選項：
復(fù)制代碼 代碼如下:
// 得到選項對象
document.forms['testform'].testselect.options[i]
如果你想刪除option
復(fù)制代碼 代碼如下:
document.forms['testform'].testselect.options[i] = null;
把這個選項對象標(biāo)志為null，這個選項就完全從列表中刪除了。
注意：這個操作會影響option的數(shù)量。假設(shè)在上面的實例中，你刪除了option[1] ，原來的option[2] 元素('Third option')會變成option[1] 元素（option元素按照先后順序頂上去）。
創(chuàng)建一個新的option，如下：
復(fù)制代碼 代碼如下:
document.forms['testform'].testselect.options[i] = new Option('new text','new value');
用戶在頁面中看到option顯示的文本和value值是這個option的VALUE 屬性。
當(dāng)表單提交時，VALUE 值傳遞到WEB服務(wù)器。
如果想要全部清空 select box 中的options, 如下：
復(fù)制代碼 代碼如下:
document.forms['testform'].testselect.option.length = 0;
JavaScript技術(shù)：javascript options屬性集合操作代碼，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。
