1. 程式人生 > >input 與 select 的常用方法

input 與 select 的常用方法

ons box 按鈕 函數 他也 一個 end 單選 cte

───────────────────────────────────────────
丨⒈ Input標簽 Type類型
丨Type類型丨TexT(文本框), Password(密碼框), Button(按鈕), File(文件)
丨定義方法丨<Input Type="TexT" Id="唯一的ID" Value="初始化的內容" />
───────────────────────────────────────────
丨TexT, Password, File, 讀取修改方法如下:
───────────────────────────────────────────
丨示例丨讀取文本框內容丨document.GetElementById("唯一的ID").Value
丨示例丨寫入文本框內容丨document.GetElementById("唯一的ID").Value = "寫入的內容"
─────────────────────────────────────────── 丨Button 按鈕點擊觸發的事件如下:
─────────────────────────────────────────── 丨示例丨<Input type="button" value="點擊我觸發事件" OnClick="子程序函數()" />
丨示例丨Sub 子程序函數() : MsgBox "我被點擊啦" : End Sub
───────────────────────────────────────────
丨 丨
丨⒉ Select標簽(單選框) |
丨 丨
───────────────────────────────────────────
丨定義方法丨<Select id="唯一的ID" > <Option>我是選項內容</Option> </Select>
丨示例丨得到選中的索引丨document.GetElementById("唯一的ID").SelectedIndex
丨示例丨得到選中的內容丨
丨代碼丨⒈[索引]=document.GetElementById("唯一的ID").selectedIndex
丨代碼丨⒉document.GetElementById("唯一的ID").Options([索引]).Text
───────────────────────────────────────────
丨示例丨動態添加選擇項丨
丨代碼丨⒈For I = 0 To 10
丨代碼丨⒉Set Obj_AddOption = document.CreateElement("Option")
丨代碼丨⒊Obj_AddOption.TexT = "測試" & I
丨代碼丨⒋document.GetElementById("唯一的ID").Add(Obj_AddOption)
丨代碼丨⒌Next
───────────────────────────────────────────
丨⒉ Select標簽(列表框)
丨定義方法丨<Select id="唯一的ID" Size=10> <Option>我是選項內容</Option> </Select>
丨示例丨和單選框的用法一樣, 唯一不同的是多了一個size方法
丨解釋丨Size丨大小有多少個選擇項目, 上面的定義方法是Size=10 那麽就代表這個列表框可以一次性顯示10個選擇內容

丨⒊         顯示選擇的那一項

丨示例丨

丨HTML標簽定義丨<Select id="Select_Test" Size=10> <Option>我是選項內容</Option> <Option>我是選項內容1</Option> <Option>我是選項內容2</Option> </Select>

丨VBScript 示例丨document.GetElementById("Select_Test").Options(0).Selected = "Selected" ‘這樣子就算有下拉框他也會自動跳到選擇的哪一項去

─────────────────────────────────────────

input 與 select 的常用方法