|
|
<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>
用下面的代碼可以訪問到下拉框中選項(xiàng)：
復(fù)制代碼 代碼如下:
// 得到選項(xiàng)對象
document.forms['testform'].testselect.options[i]
如果你想刪除option
復(fù)制代碼 代碼如下:
document.forms['testform'].testselect.options[i] = null;
把這個(gè)選項(xiàng)對象標(biāo)志為null，這個(gè)選項(xiàng)就完全從列表中刪除了。
注意：這個(gè)操作會(huì)影響option的數(shù)量。假設(shè)在上面的實(shí)例中，你刪除了option[1] ，原來的option[2] 元素('Third option')會(huì)變成option[1] 元素（option元素按照先后順序頂上去）。
創(chuàng)建一個(gè)新的option，如下：
復(fù)制代碼 代碼如下:
document.forms['testform'].testselect.options[i] = new Option('new text','new value');
用戶在頁面中看到option顯示的文本和value值是這個(gè)option的VALUE 屬性。
當(dāng)表單提交時(shí)，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)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。
