碼上快樂
1秒登錄
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
HTML中的
標簽如何設置默認選中的選項 本文轉載自 查看原文 2018-06-25 17:18 1804 JavaScript 方法有兩種。 第一種通過<select>的屬性來設置選中項，此方法可以在動態語言如php在后台根據需要控制輸出結果。 < select id = "sel" > < option value = "1" >1</ option > < option value = "2" selected = "selected" >2</ option > < option value = "3" >3</ option > </ select > 第二種為通過前端js來控制選中的項: 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代碼為: 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 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的值 js獲取 var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號，取當前選中選項的序號 var val = obj.options[index].value; jq獲取 $("#mySelect").find("option:selected").text(); 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); } × 免責聲明！ 本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。 猜您在找 HTML中的
標簽如何設置默認選中的選項
HTML中的
標簽如何設置默認選中的選項 select標簽默認選項 vue中select設置默認選中 vue中select設置默認選中 vue中select的使用以及select設置默認選中 vue中select的使用以及select設置默認選中 vue中select的使用以及select設置默認選中 html中單選按鈕控件標簽用法解析及如何設置默認選中 vue中select option 動態設置為默認選中狀態 粵ICP備18138465號 © 2018-2025 CODEPRJ.COM
