javascript options屬性集合操作代碼
更新時(shí)間:2009年12月28日 21:55:58 作者:
javascript options屬性集合操作代碼,一般情況需要控制option的朋友朋友需要了解的知識(shí)。
復(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ǎng)問(wèn)到下拉框中選項(xiàng):
復(fù)制代碼 代碼如下:
// 得到選項(xiàng)對(duì)象
document.forms['testform'].testselect.options[i]
如果你想刪除option
復(fù)制代碼 代碼如下:
document.forms['testform'].testselect.options[i] = null;
把這個(gè)選項(xiàng)對(duì)象標(biāo)志為null,這個(gè)選項(xiàng)就完全從列表中刪除了。
注意:這個(gè)操作會(huì)影響option的數(shù)量。假設(shè)在上面的實(shí)例中,你刪除了option[1] ,原來(lái)的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');
用戶(hù)在頁(yè)面中看到option顯示的文本和value值是這個(gè)option的VALUE 屬性。
當(dāng)表單提交時(shí),VALUE 值傳遞到WEB服務(wù)器。
如果想要全部清空 select box 中的options, 如下:
復(fù)制代碼 代碼如下:
document.forms['testform'].testselect.option.length = 0;
您可能感興趣的文章:
- js 解決“options為空或不是對(duì)象”
- javascript select options 排序(保持option 對(duì)象完整性)
- javascript Select標(biāo)記中options操作方法集合
- javascript操作select元素實(shí)例分析
- JavaScript通過(guò)select動(dòng)態(tài)更換圖片的方法
- javascript實(shí)現(xiàn)無(wú)限級(jí)select聯(lián)動(dòng)菜單
- javascript對(duì)下拉列表框(select)的操作實(shí)例講解
- js給selected添加options的方法
相關(guān)文章
輸入數(shù)量和價(jià)格自動(dòng)計(jì)算輸出金額的js代碼
通過(guò)輸入數(shù)量和價(jià)格自動(dòng)計(jì)算輸出金額的代碼,主要用于購(gòu)物網(wǎng)站,需要的朋友可以參考下2013-03-03b/s開(kāi)發(fā)常用javaScript技術(shù)
b/s開(kāi)發(fā)常用javaScript技術(shù)...2006-09-09select列表內(nèi)容交換的js實(shí)現(xiàn)代碼
js實(shí)現(xiàn)左右select列表內(nèi)容交換傳遞,原來(lái)就是先獲取當(dāng)期選中select的值,然后添加到對(duì)面的select中,然后刪除選中內(nèi)容。2009-12-12檢測(cè)input每次的輸入是否合法遇到漢字輸入就有問(wèn)題
檢測(cè)input每次的輸入是否合法遇到漢字輸入就有問(wèn)題,如何判斷漢字是否已經(jīng)輸入到input內(nèi)2012-05-05