1.動態創建select function createSelect(){ var mySelect = document.createElement("select"); mySelect.id = "mySelect"; document.body.appendChild(mySelect); } 2.添加選項option function addOption(){ //根據id查找對象, var obj=document.getElementById('mySelect'); //添加一個選項 obj.add(new Option("文本","值")); } 3.刪除所有選項option function removeAll(){ var obj=document.getElementById('mySelect'); obj.options.length=0; } 4.刪除一個選項option function removeOne(){ var obj=document.getElementById('mySelect'); //index,要刪除選項的序號,這裏取當前選中選項的序號 var index=obj.selectedIndex; obj.options.remove(index); } 5.獲得選項option的值 var obj=document.getElementById('mySelect'); var index=obj.selectedIndex; //序號,取當前選中選項的序號 var val = obj.options[index].value; 6.獲得選項option的文本 var obj=document.getElementById('mySelect'); var index=obj.selectedIndex; //序號,取當前選中選項的序號 var val = obj.options[index].text; 7.修改選項option var obj=document.getElementById('mySelect'); var index=obj.selectedIndex; //序號,取當前選中選項的序號 var val = obj.options[index]=new Option("新文本","新值"); 8.刪除select function removeSelect(){ var mySelect = document.getElementById("mySelect"); mySelect.parentNode.removeChild(mySelect); }
javascript 操作下拉框
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Puppeteer實戰案例:自動化抓取社交媒體上的媒體資源
原創
2024-06-08 00:06:14
交互式流程圖組件DHTMLX Diagram v6.0 - 擁有更靈活的高度可定製功能
原創
2024-06-04 12:32:11
Symfony Panther在網絡數據採集中的應用
原創
2024-06-04 02:45:28
Symfony Panther在網絡數據採集中的應用
原創
2024-06-04 02:45:12
界面控件DevExtreme v23.2 - 可訪問性、性能增強
原創
2024-06-03 12:21:39
響應式界面控件DevExtreme * 更強的數據分析和可視化功能
原創
2024-05-31 12:32:20
網頁爬蟲開發:使用Scala和PhantomJS訪問知乎
原創
2024-05-31 00:11:23
「盤點」JetBrains IDEs v2024.1新功能一覽,更智能的開發體驗!
原創
2024-05-29 12:18:44
Objective-C爬蟲:實現動態網頁內容的抓取
原創
2024-05-29 00:07:51
音頻鏈接抓取技術在Lua中的實現
原創
2024-05-28 00:07:25
今天!通義靈碼在北京、成都、杭州三城開講啦
原創
2024-05-27 21:13:46
響應式UI組件DevExtreme中文教程 - 工具欄的自適應模式
原創
2024-05-27 12:19:43
使用JavaScript日曆小部件和DHTMLX Gantt的應用場景(三)
原創
2024-05-27 12:19:39