目錄
一、概述
二、select標籤
三、option標籤
四、新增移除選項
下拉列表框是通過select和option標籤建立的，為了方便與這個控制項互動，除了所有表單字段共有的屬性和方法外，js還提供了一些屬性和方法。
select標籤用來定義下拉列表，包含任意數量的option和optgroup標籤。select標籤包含以下特性。
autofocus 頁面載入後控制項是否自動獲得焦點(ie9-瀏覽器不支援)
disabled 是否禁用控制項
form 表示控制項所屬的乙個或多個表單
multiple 是否多選
name 控制項名稱
size 表示下拉列表中可見選項的數目
options 表示所包含的options的陣列
selectedoptions 表示所選擇的options的陣列(ie瀏覽器不支援)
selectedindex 表示所選擇的第乙個option的索引值
multiple控制項是否允許多項選擇。
123
是否多選
type下拉選擇框的type屬性有兩種屬性值，其一select-one，表示單選，其二select-multiple，表示多選。
123
是否多選
value下拉選擇框的value屬性值由選擇項決定：
（1）如果沒有選中項，value特性儲存空字串
（2）如果有乙個選中項，且該項的value特性已在html中指定，則控制項的value特性值等於選中項的value特性值
（3）如果有乙個選中項，但該項的value特性未在html中指定，則控制項的value特性值等於該項的文字
（4）如果有多個選中項，則控制項的value特性將依據前兩條規則取得第乙個選中項的值
注意，ie8即以下版本的瀏覽器只支援value特性的值，不支援選擇文字。
123
是否多選
獲取value值
selectedindex返回基於0的選中項的索引，如果沒有選中項，則值為-1。對於支援多選的控制項，只儲存選中項中第一項的索引。
123
是否多選
獲取索引
size下拉選擇框的可見行數。
123
可見1行
可見2行
可見3行
options表示控制項中所有的標籤。
123
index表示當前選項在options集合中的索引。
label表示當前選項的標籤。注意，ie9及以下版本的瀏覽器不支援。
selected表示當前選項是否被選中。將屬性值設定為true即可選中當前選項。
text表示選項的文字。
value表示選項的值。注意，標籤在未指定value特性的情況下，ie8及以下版本的瀏覽器返回空串，其餘瀏覽器返回text屬性值即標籤文字。
123
新增
1
3增加選項2
1
3增加選項2
移除方法一：使用dom的removechild()方法。
123
移除選項2
123
移除選項2
123
移除選項2
下拉列表框和組合框
組合框被操作時會向父視窗傳送通知訊息，這些通知訊息及其含義如下 cbn closeup 組合框的列表框元件被關閉，簡易組合框不會傳送該通知訊息 cbn dblclk 使用者在某列表項上雙擊滑鼠，只有簡易組合框才會傳送該通知訊息 cbn dropdown 組合框的列表框元件下拉，簡易式組合框不會傳送該...
自繪下拉列表框
原始檔 下拉列表框，又稱組合列表框，他是乙個較為複雜的控制項。它有三種狀態，drop down drop list。由三個控制項組成，編輯框 下拉按鈕 listbox。所以，要實現下拉列表框的綜合自繪，其工作量是蠻大的。而且，在一些特殊場合，要求下拉列表框具有一些特殊要求，所以想在乙個例子中完全實現...
可以多選的下拉列表框
可以多選的下拉列表框 自己做開發的過程中，經常有時候遇到一次要選擇多個值的情況。而用dropdownlist一次只能選擇乙個，沒辦法自己最近抽空寫了乙個 方便自己一戶用，不過很簡單 拿出來跟大家交流一下。介面如下 簡單介紹一下 這是乙個使用者控制項 其中包含了 乙個文字框 用來顯示選中text值，乙...