JS對(duì)HTML標(biāo)簽select的獲取、添加、刪除操作
更新時(shí)間：2013年10月17日 17:21:43 作者：
HTML標(biāo)簽中的select在使用過(guò)程中很頻繁，在本文將為大家介紹下使用js是如何操作的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友不要錯(cuò)過(guò)
復(fù)制代碼 代碼如下:
<SELECT NAME="aaa" SIZE="" style="width:200px" >
<OPTION VALUE="">(空)</OPTION>
<OPTION VALUE="1">1</OPTION>
</SELECT>
復(fù)制代碼 代碼如下:
//獲得html控件
var select = document.getElementsByName("aaa")[0];
select.selectedIndex = index;
//創(chuàng)建新的Option對(duì)象
new Option(text,value)
new option(text,value,defaultSelected,selected
text:字符串，指定option對(duì)象的text屬性(即<option></option>之間的文字)
value:字符串，指定option對(duì)象的value屬性
defaultSelected:布爾值，指定option對(duì)象的defaultSelected屬性
selected:布爾值，指定option對(duì)象的selected屬性
//向select中增加Option
select.add(new Option(text,value))
//刪除
select.options.remove(index)
//一次性刪除全部
select.length = 0;
您可能感興趣的文章:
- JavaScript操作select元素和option的實(shí)例代碼
- javascript操作select元素實(shí)例分析
- 獲取select元素被選中的文本內(nèi)容的js代碼
- js querySelector和getElementById通過(guò)id獲取元素的區(qū)別
- js獲取當(dāng)前select 元素值的代碼
- js 獲取當(dāng)前select元素值的代碼
- JavaScript Select和Option列表元素上下左右移動(dòng)
- extjs 列表框(multiselect)的動(dòng)態(tài)添加列表項(xiàng)的方法
- 使用js對(duì)select動(dòng)態(tài)添加和刪除OPTION示例代碼
- JavaScript實(shí)現(xiàn)將數(shù)組數(shù)據(jù)添加到Select下拉框的方法
- JS動(dòng)態(tài)添加與刪除select中的Option對(duì)象(示例代碼)
- JS & JQuery 動(dòng)態(tài)添加 select option
- JavaScript實(shí)現(xiàn)向select下拉框中添加和刪除元素的方法
相關(guān)文章
這篇文章主要介紹了JavaScript TAB欄切換效果的示例，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-11-11
js接收并轉(zhuǎn)化Java中的數(shù)組對(duì)象的方法
下面小編就為大家?guī)?lái)一篇js接收并轉(zhuǎn)化Java中的數(shù)組對(duì)象的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
JS+HTML5實(shí)現(xiàn)獲取手機(jī)驗(yàn)證碼倒計(jì)時(shí)按鈕
這篇文章主要介紹了基于JS+HTML5實(shí)現(xiàn)獲取手機(jī)驗(yàn)證碼倒計(jì)時(shí)按鈕,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-08-08
RequireJS入門(mén)一之實(shí)現(xiàn)第一個(gè)例子
RequireJS由James Burke創(chuàng)建，他也是AMD規(guī)范的創(chuàng)始人。大家知道我們?yōu)槭裁匆獙W(xué)習(xí)requirejs嗎？帶著這個(gè)疑問(wèn)來(lái)學(xué)習(xí)本篇文章吧，感興趣的朋友一起學(xué)習(xí)RequireJS入門(mén)一之實(shí)現(xiàn)第一個(gè)例子吧2015-09-09
List Installed Hot Fixes...2007-06-06
webpack構(gòu)建打包的性能優(yōu)化實(shí)戰(zhàn)指南
webpack是前端開(kāi)發(fā)中比較常用的打包工具之一,另外還有g(shù)ulp,grunt,下面這篇文章主要給大家介紹了關(guān)于webpack構(gòu)建打包的性能優(yōu)化的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
JS與Ajax Get和Post在使用上的區(qū)別實(shí)例詳解
這篇文章主要介紹了JS與Ajax Get和Post在使用上的區(qū)別實(shí)例詳解的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
這篇文章主要為大家詳細(xì)介紹了原生JS之this綁定規(guī)則，這樣大家再也不用擔(dān)心this指向問(wèn)題了。文中的示例代碼講解詳細(xì)，需要的可以參考一下2022-09-09
這篇文章主要介紹了webpack-merge的使用,webpack-merge 工具提供了各種 merge(合并) 高級(jí)功能，本文給大家詳細(xì)講解，需要的朋友可以參考下2023-02-02
input type=file 選擇圖片并且實(shí)現(xiàn)預(yù)覽效果的實(shí)例
下面小編就為大家?guī)?lái)一篇input type=file 選擇圖片并且實(shí)現(xiàn)預(yù)覽效果的實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-10-10