這篇文章主要為大家展示了“select標(biāo)簽如何設(shè)置默認(rèn)選中”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“select標(biāo)簽如何設(shè)置默認(rèn)選中”這篇文章吧。
創(chuàng)新互聯(lián)從2013年成立，我們提供高端網(wǎng)站建設(shè)、小程序設(shè)計(jì)、電商視覺(jué)設(shè)計(jì)、手機(jī)APP定制開(kāi)發(fā)及網(wǎng)絡(luò)營(yíng)銷搜索優(yōu)化服務(wù)，在傳統(tǒng)互聯(lián)網(wǎng)與移動(dòng)互聯(lián)網(wǎng)發(fā)展的背景下，我們堅(jiān)守著用標(biāo)準(zhǔn)的設(shè)計(jì)方案與技術(shù)開(kāi)發(fā)實(shí)力作基礎(chǔ)，以企業(yè)及品牌的互聯(lián)網(wǎng)商業(yè)目標(biāo)為核心，為客戶打造具商業(yè)價(jià)值與用戶體驗(yàn)的互聯(lián)網(wǎng)+產(chǎn)品。
方法有兩種。
第一種通過(guò)
< select id = "sel" > < option value = "1" >1 < option value = "2" selected = "selected" >2 < option value = "3" >3
第二種為通過(guò)前端js來(lái)控制選中的項(xiàng)：
重慶分公司
重慶分公司
< script type = "text/javascript" >
function change(){
document.getElementById("sel")[2].selected=true;
}
< select id = "sel" >
< option value = "1" >1
< option value = "2" >2
< option value = "3" >3
< input type = "button" value = "修改" onclick = "change()" />獲取
var val = document.all.Item.options[document.all.Item.selectedIndex].text var i=document.getElementById( 'sel' ).options[document.getElementById( 'sel' ).selectedIndex].value;
一些其它操作
1)動(dòng)態(tài)創(chuàng)建select
function createSelect(){
var mySelect = document.createElement( "select" );
mySelect.id = "mySelect" ;
document.body.appendChild(mySelect);
}2)添加選項(xiàng)option
function addOption(){
//根據(jù)id查找對(duì)象，
var obj=document.getElementById( 'mySelect' );
//添加一個(gè)選項(xiàng)
obj.add( new Option( "文本" , "值" ));
}3)刪除所有選項(xiàng)option
function removeAll(){
var obj=document.getElementById( 'mySelect' );
obj.options.length=0;
}4)刪除一個(gè)選項(xiàng)option
function removeOne(){
var obj=document.getElementById( 'mySelect' );
//index,要?jiǎng)h除選項(xiàng)的序號(hào)，這里取當(dāng)前選中選項(xiàng)的序號(hào)
var index=obj.selectedIndex;
obj.options.remove(index);
}5)獲得選項(xiàng)option的值
var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號(hào)，取當(dāng)前選中選項(xiàng)的序號(hào) var val = obj.options[index].value;
6)獲得選項(xiàng)option的文本
var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號(hào)，取當(dāng)前選中選項(xiàng)的序號(hào) var val = obj.options[index].text;
7)修改選項(xiàng)option
var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號(hào)，取當(dāng)前選中選項(xiàng)的序號(hào) var val = obj.options[index]= new Option( "新文本" , "新值" );
8)刪除select
function removeSelect(){
var mySelect = document.getElementById( "mySelect" );
mySelect.parentNode.removeChild(mySelect);
}以上是“select標(biāo)簽如何設(shè)置默認(rèn)選中”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
