select下拉選單 change事件
下拉選單 change事件使用者比較廣泛。
比如更換select下拉選單選項的時候實現網頁跳轉或者改變網頁的背景顏色等效果。
下面是一段程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var osel=document.getElementById("sel"); var odiv=document.getElementById("thediv"); osel.onchange=function(){ odiv.innerHTML=osel.options[osel.selectedIndex].text; } } </script> </head> <body> <div id="thediv"></div> <select id="sel"> <option value="1">螞蟻部落一</option> <option value="2">螞蟻部落二</option> <option value="3">螞蟻部落三</option> <option value="4">螞蟻部落四</option> </select> </body> </html>
以上程式碼實現演示了select下拉選單的onchange事件。
相關閱讀:
(1).change事件參閱JavaScript change 事件一章節。
(2).select下拉選單操作參閱JavaScript動態操作select下拉選單一章節。
相關文章
- select下拉選項,點選時,change事件事觸發多次,請求多次。事件
- HTML select下拉選單HTML
- HTML select 下拉選單HTML
- 選中select下拉選單第一項不觸發事件事件
- select 下拉框選中事件事件
- jQuery 美化select下拉選單jQuery
- 圓角select下拉選單
- 選中select下拉選單項提交表單
- 可以輸入select下拉選單
- jquery如何操作select下拉選單jQuery
- 下拉選單框select常用點
- 模擬select下拉選單詳解
- JavaScript動態操作select下拉選單JavaScript
- jQuery select下拉選單復位效果jQuery
- select下拉選單二級聯動
- select下拉選單新增不重複項
- js自定義select下拉選單效果JS
- jQuery操作select下拉選單程式碼jQuery
- JavaScript 動態生成select下拉選單JavaScript
- select下拉選單 readonly 只讀
- JavaScript動態建立select下拉選單JavaScript
- 選擇select下拉選單網頁跳轉網頁
- 如何設定select下拉選單可以多選
- jquery操作select下拉選單簡單介紹jQuery
- select下拉選單跳轉效果程式碼
- jQuery操作select下拉選單常用程式碼jQuery
- JavaScript 獲取select下拉選單所有optionJavaScript
- jQuery select下拉選單readonly只讀jQuery
- select下拉選單美化程式碼例項
- jQuery select下拉選單的相關操作jQuery
- 選中select下拉選單option項實現提交效果
- 設定select下拉選單的預設選中項
- jQuery Validate對select下拉選單驗證jQuery
- JavaScript動態生成年份select下拉選單JavaScript
- 如何清空select下拉選單的所有option項
- jQuery美化select下拉選單程式碼例項jQuery
- jQuery操作select下拉選單程式碼例項jQuery
- 模擬select下拉選單程式碼例項