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)文章
JS實現(xiàn)快速的導(dǎo)航下拉菜單動畫效果附源碼下載
本文給大家分享一個帶有變形動畫特效的下拉導(dǎo)航菜單特效,該導(dǎo)航菜單在菜單項之間切換時,下拉菜單會快速的根據(jù)菜單內(nèi)容的大小來動態(tài)變形,顯示合適的下拉菜單大小,效果非常棒。對導(dǎo)航下拉菜單代碼感興趣的朋友可以參考下本文2016-11-11詳解JavaScript中的Object.is()與"==="運算符總結(jié)
這篇文章主要介紹了詳解JavaScript中的Object.is()與"==="運算符總結(jié),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06前端接口報錯Required?request?body?is?missing解決辦法
這篇文章主要給大家介紹了關(guān)于前端接口報錯Required?request?body?is?missing的解決辦法,文中通過代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-12-12js父窗口關(guān)閉時子窗口隨之關(guān)閉完美解決方案
admin注銷的時候,或者main.html關(guān)閉的時候,如何讓打開的所有新窗口一起關(guān)閉,下面有個不錯的解決方案,大家可以參考下2014-04-04原生js 封裝get ,post, delete 請求的實例
下面小編就為大家?guī)硪黄鷍s 封裝get ,post, delete 請求的實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-08-08