js select 控制實(shí)現(xiàn)代碼
更新時(shí)間：2009年04月15日 00:52:50 作者：
用js控制select的一些比較不錯(cuò)的功能。
實(shí)現(xiàn)代碼：
<select id=test11 size=5 style="width:50px"></select>
<select id="test" style="width:50px"></select>
<button onclick='test[test.length]=new Option("1","12");'>同時(shí)添加text和value</button>
<button onclick='test.insertBefore(document.createElement("option")).innerText="2";'>對text操作</button> <button onclick='test.appendChild(document.createElement("option")).setAttribute("value","3");'>對value操作</button>
<button onclick="alert(test.outerHTML)">view</button>
<button onclick="test.removeChild(test.children[0])">del1</button>
<button onclick="test.firstChild.removeNode()">del2</button>
<button onclick="test[0]=null">del3</button>
效果演示：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
復(fù)制代碼 代碼如下:
<select id=test11 size=5 style="width:50px"></select>
<select id="test" style="width:50px"></select>
<button onclick='test[test.length]=new Option("1","12");'>同時(shí)添加text和value</button>
<button onclick='test.insertBefore(document.createElement("option")).innerText="2";'>對text操作</button> <button onclick='test.appendChild(document.createElement("option")).setAttribute("value","3");'>對value操作</button>
<button onclick="alert(test.outerHTML)">view</button>
<button onclick="test.removeChild(test.children[0])">del1</button>
<button onclick="test.firstChild.removeNode()">del2</button>
<button onclick="test[0]=null">del3</button>
效果演示：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關(guān)文章
一個(gè)快速添加標(biāo)簽的小玩意，但在FF下不能用，望高手指點(diǎn)
一個(gè)快速添加標(biāo)簽的小玩意，但在FF下不能用，望高手指點(diǎn)...2007-07-07
select發(fā)展史 超強(qiáng)...2007-02-02
在輸入文本框內(nèi)容時(shí)，有時(shí)候需要提示用戶輸入的內(nèi)容，為了更友好的提示用戶，我用js寫了一種方法，當(dāng)點(diǎn)擊文本框時(shí)，在文本框右邊提示用戶要輸入的信息。2009-12-12
FormValid0.5版本發(fā)布，帶ajax自定義驗(yàn)證例子
FormValid0.5版本發(fā)布，帶ajax自定義驗(yàn)證例子...2007-08-08
好的朋友喜歡美化文本框，下面這個(gè)代碼也是一種美化，字體的顏色2008-09-09
可實(shí)現(xiàn)多表單提交的javascript函數(shù)
可實(shí)現(xiàn)多表單提交的javascript函數(shù)...2007-08-08
IE不支持option的display樣式，只能使用remove和add
想實(shí)現(xiàn)一個(gè)很簡單的功能：當(dāng)選中“中介”時(shí)，不顯示“求購”與“求租”。本以為通過display:none即可實(shí)現(xiàn)，結(jié)果發(fā)現(xiàn)在option元素上使用display:none在firefox中有效，在IE6、IE7、IE8中都無效。2009-12-12
onpropertypchange...2006-07-07
一個(gè)即時(shí)表單驗(yàn)證的javascript代碼
一個(gè)即時(shí)表單驗(yàn)證的javascript代碼...2007-07-07
Js 載入時(shí)選中文字的實(shí)現(xiàn)代碼
Js 載入時(shí)選中文字的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-05-05