碼上快樂
1秒登錄
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
HTML中的
標簽如何設置默認選中的選項 本文轉載自 查看原文 2014-11-13 14:51 350490 方法有兩種。 第一種通過<select>的屬性來設置選中項，此方法可以在動態語言如php在后台根據需要控制輸出結果。 1 2 3 4 5 < select id = "sel" > < option value = "1" >1</ option > < option value = "2" selected = "selected" >2</ option > < option value = "3" >3</ option > </ select > 第二種為通過前端js來控制選中的項: 由 www.169it.com 搜集整理 1 2 3 4 5 6 7 8 9 10 11 < script type = "text/javascript" > function change(){ document.getElementById("sel")[2].selected=true; } </ script > < select id = "sel" > < option value = "1" >1</ option > < option value = "2" >2</ option > < option value = "3" >3</ option > </ select > < input type = "button" value = "修改" onclick = "change()" /> 獲取<select>標簽選中項文本的js代碼為: 1 2 var val = document.all.Item.options[document.all.Item.selectedIndex].text var i=document.getElementById( 'sel' ).options[document.getElementById( 'sel' ).selectedIndex].value; 一些其它操作<select>標簽的技巧如下： 1)動態創建select 1 2 3 4 5 function createSelect(){ var mySelect = document.createElement( "select" ); mySelect.id = "mySelect" ; document.body.appendChild(mySelect); } 2)添加選項option 1 2 3 4 5 6 function addOption(){ //根據id查找對象， var obj=document.getElementById( 'mySelect' ); //添加一個選項 obj.add( new Option( "文本" , "值" )); } 3)刪除所有選項option 1 2 3 4 function removeAll(){ var obj=document.getElementById( 'mySelect' ); obj.options.length=0; } 4)刪除一個選項option 1 2 3 4 5 6 function removeOne(){ var obj=document.getElementById( 'mySelect' ); //index,要刪除選項的序號，這里取當前選中選項的序號 var index=obj.selectedIndex; obj.options.remove(index); } 5)獲得選項option的值 1 2 3 var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號，取當前選中選項的序號 var val = obj.options[index].value; 6)獲得選項option的文本 1 2 3 var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號，取當前選中選項的序號 var val = obj.options[index].text; 7)修改選項option 1 2 3 var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號，取當前選中選項的序號 var val = obj.options[index]= new Option( "新文本" , "新值" ); 8)刪除select 1 2 3 4 function removeSelect(){ var mySelect = document.getElementById( "mySelect" ); mySelect.parentNode.removeChild(mySelect); } 文章來源:HTML中的<select>標簽如何設置默認選中的選項 × 免責聲明！ 本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。 猜您在找 HTML中的
標簽如何設置默認選中的選項
vue中select option 動態設置為默認選中狀態
html
用JS控制默認選中項 jquery 讓select選中某個選項 jquery-editable-select設置顯示默認選項 在JS中設置Select和radio選中 antdv select checkbox設置默認選中，無法重新選擇 Angularjs 中select默認第一個選中 js設置select選中 select根據后台的值默認選中 粵ICP備18138465號 © 2018-2025 CODEPRJ.COM
