1 5 下拉列表框

1.5 下拉列表框

1.5.1 基本形制

1.5.1.1 單選方式

下面是常見的單選下拉列表框

紐約倫敦

巴黎柏林

1.5.1.2 多選方式

下面是不常見的多選方式的列表框

紐約倫敦

巴黎柏林香港

1.5.1.3 分組方式

當選項過多容易紛亂時，可以將其分組顯示

北京上海

廣州深圳

杭州南京

蘇州東莞

瀋陽合肥

長沙武漢

1.5.2 常用屬性

1.5.2.1 select的屬性

1.5.2.1.1 可見選項個數size

這個屬性決定了頁面展現出來的選項個數，比如2則展現兩個選項，如果不寫則展現乙個。

1.5.2.1.2 可否多選multiple

這個屬性決定了列表框是單選框還是多選框，不寫表示是單選，有multiple="multiple"表示是多選

1.5.2.2 option的屬性

1.5.2.2.1 值value

這個屬性表示使用者選擇項的真實值，它不是頁面上的可見文字。

1.5.2.2.2 是否預設選中selected

option中有selected="selected"代表這個選項預設選中，單寫乙個selected是selected="selected"的簡寫方式。。如果沒有乙個選項註明selected則預設第乙個被選中。

1.5.3 js操作

1.5.3.1 取值

取得select之後，通過其屬性options陣列就能遍歷到其下各個選項，再檢視選項的屬性selected是否為真就能知道該選項是否被選中。

下面的方式對單選框和多選框都適用。

var select=document.getelementbyid("city");

for (var i=0;i

Ext學習之7 下拉列表框

ext.namespace com.deng ext.onready function city var reader new ext.data.arrayreader var store new ext.data.store var combobox new ext.form.combobox v...

下拉列表框指令碼

目錄 一 概述 二 select標籤 三 option標籤 四 新增移除選項 下拉列表框是通過select和option標籤建立的，為了方便與這個控制項互動，除了所有表單字段共有的屬性和方法外，js還提供了一些屬性和方法。select標籤用來定義下拉列表，包含任意數量的option和optgroup...

下拉列表框和組合框

組合框被操作時會向父視窗傳送通知訊息，這些通知訊息及其含義如下 cbn closeup 組合框的列表框元件被關閉，簡易組合框不會傳送該通知訊息 cbn dblclk 使用者在某列表項上雙擊滑鼠，只有簡易組合框才會傳送該通知訊息 cbn dropdown 組合框的列表框元件下拉，簡易式組合框不會傳送該...