javascript options屬性集合操作代碼
更新時間:2009年12月28日 21:55:58 作者:
javascript options屬性集合操作代碼,一般情況需要控制option的朋友朋友需要了解的知識。
復(fù)制代碼 代碼如下:
<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;
相關(guān)文章
select列表內(nèi)容交換的js實現(xiàn)代碼
js實現(xiàn)左右select列表內(nèi)容交換傳遞,原來就是先獲取當(dāng)期選中select的值,然后添加到對面的select中,然后刪除選中內(nèi)容。2009-12-12