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>
用下面的代碼可以訪問(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');
用戶在頁(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)文章
用javascript實(shí)現(xiàn)文本框和"選擇"按扭之間的間距
用javascript實(shí)現(xiàn)文本框和"選擇"按扭之間的間距...2007-07-07
勾選時(shí)激活input 否則禁用的javascript代碼
唯一的可去之外是加了一點(diǎn)美化，使用戶體驗(yàn)更加一層樓，其中包括邊框的加粗，焦點(diǎn)的獲取，checkbox邊框線的隱藏等等。2009-12-12
大家在javascript表單制作中，有時(shí)候會(huì)需要獲取select的選定的值，然后再進(jìn)行一些編寫控制操作。2009-09-09
這里的字符指的是漢字占兩個(gè)字節(jié)，而數(shù)字及其字母占一個(gè)字節(jié)，如果使用substr肯定是不可以的2010-05-05
這篇文章主要介紹了應(yīng)用javascript制作幻燈片（360度全景圖片），在做產(chǎn)品演示時(shí)，經(jīng)常會(huì)用到幻燈片，這里我給大家整理了一款非常不錯(cuò)的的360度全景幻燈片實(shí)現(xiàn)教程,需要的朋友可以參考下2015-07-07
一直復(fù)略了的一個(gè)問(wèn)題，關(guān)于表單重復(fù)提交
一直復(fù)略了的一個(gè)問(wèn)題，關(guān)于表單重復(fù)提交...2007-02-02
javascript 動(dòng)態(tài)設(shè)置已知select的option的value值的代碼
當(dāng)已經(jīng)知道某個(gè)select options的值，判斷當(dāng)前select的options的值是否與已知的值相同，相同也設(shè)置下。一般用戶修改頁(yè)面。2009-12-12
會(huì)自動(dòng)逐行上升的文本框...2006-06-06
用javascript實(shí)現(xiàn)改變TEXTAREA滾動(dòng)條和按鈕的顏色，以及怎樣讓滾動(dòng)條變得扁平
用javascript實(shí)現(xiàn)改變TEXTAREA滾動(dòng)條和按鈕的顏色，以及怎樣讓滾動(dòng)條變得扁平...2007-04-04
js checkbox 使用技巧，實(shí)例代碼，大家可以看下。2009-04-04