DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS對HTML標簽select的獲取、添加、刪除操作
JS對HTML標簽select的獲取、添加、刪除操作
編輯:關於JavaScript      日期:2016/12/24 9:31:44
復制代碼 代碼如下:
<SELECT NAME="aaa" SIZE="" style="width:200px" >

<OPTION VALUE="">(空)</OPTION>
<OPTION VALUE="1">1</OPTION>
</SELECT>

復制代碼 代碼如下:
//獲得html控件
var select = document.getElementsByName("aaa")[0];

select.selectedIndex = index;
//創建新的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;
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved