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