這篇文章主要為大家展示了“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ì)、電商視覺設(shè)計(jì)、手機(jī)APP定制開發(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ù)開發(fā)實(shí)力作基礎(chǔ)，以企業(yè)及品牌的互聯(lián)網(wǎng)商業(yè)目標(biāo)為核心，為客戶打造具商業(yè)價(jià)值與用戶體驗(yàn)的互聯(lián)網(wǎng)+產(chǎn)品。

方法有兩種。

第一種通過<select>的屬性來設(shè)置選中項(xiàng)，此方法可以在動(dòng)態(tài)語言如php在后臺(tái)根據(jù)需要控制輸出結(jié)果。

< select id = "sel" >
< option value = "1" >1</ option >
< option value = "2" selected = "selected" >2</ option >
< option value = "3" >3</ option >
</ select >

第二種為通過前端js來控制選中的項(xiàng)：

< 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>標(biāo)簽選中項(xiàng)文本的js代碼為:

var val = document.all.Item.options[document.all.Item.selectedIndex].text
var i=document.getElementById( 'sel' ).options[document.getElementById( 'sel' ).selectedIndex].value;

一些其它操作<select>標(biāo)簽的技巧如下：

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è)資訊頻道！

標(biāo)題名稱：select標(biāo)簽如何設(shè)置默認(rèn)選中
文章位置：http://www.yijiale78.com/article38/gcsssp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、商城網(wǎng)站、建站公司、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)