選中select下拉選單option項實現提交效果
很多網頁都有這樣的效果,選中某一項option就會實現表單提交效果,下面通過程式碼例項介紹一下如何實現此效果。
程式碼例項如下:
[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"); osel.onchange=function(){ document.myform.submit(); } } </script> </head> <body> <form name="myform" action="http://www.softwhy.com"> <select id="sel"> <option value="1">螞蟻部落一</option> <option value="2">螞蟻部落二</option> <option value="3">螞蟻部落三</option> <option value="4">螞蟻部落四</option> </select> </form> </body> </html>
以上程式碼實現了我們的要求,程式碼非常簡單這裡就不多介紹了,僅供參考之用。
相關文章
- 選中select下拉選單項提交表單
- 如何清空select下拉選單的所有option項
- js獲取select下拉選單中option項的數目JS
- jquery select下拉選單新增或者刪除option項jQuery
- js獲取select下拉選單的所有option項JS
- jQuery刪除select下拉選單中所有option項jQuery
- 選擇下拉選單項實現跳轉效果
- js如何動態為select下拉選單新增option項JS
- 通過ajax方式動態新增select下拉選單的option選項
- select下拉選單實現分類級聯效果
- 刪除和新增select下拉選單option項程式碼例項
- jquery獲取select下拉選中option項的value值jQuery
- JavaScript 獲取select下拉選單所有optionJavaScript
- 如何在select下拉選單的指定索引位置插入option項索引
- js如何互換兩個select下拉選單的option項JS
- select下拉選單項互換效果程式碼例項
- javascript新增和刪除select下拉選單option項程式碼例項JavaScript
- select下拉選單級聯效果例項程式碼
- 如何設定select下拉選單option項顯示的數目
- 設定select下拉選單的預設選中項
- 模擬實現select下拉選單例項程式碼單例
- jQuery select下拉選單復位效果jQuery
- js自定義select下拉選單效果JS
- 兩個select下拉選單的option相互移動
- 獲取select下拉選單預設選中項的索引索引
- 選中select下拉選單第一項不觸發事件事件
- js模擬實現select下拉選單程式碼例項JS
- select下拉選單多級級聯效果程式碼例項
- select下拉選擇第一個選項為空白、option無法選中的解決辦法,
- select下拉選單新增不重複項
- select下拉選單跳轉效果程式碼
- js如何獲取select下拉選單的預設選中項JS
- js獲取當前select下拉選單選中項的值JS
- jquery實現的獲取選中select下拉選單的值和文字jQuery
- jquery如何獲取select下拉選單選中項的值和文字jQuery
- select下拉選單美化程式碼例項
- css實現的二級下拉選單效果CSS
- 點選回車實現表單提交效果程式碼例項