這篇文章主要為大家展示了“select標(biāo)簽如何設(shè)置默認(rèn)選中”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“select標(biāo)簽如何設(shè)置默認(rèn)選中”這篇文章吧。

方法有兩種。
第一種 通過<select>的屬性來設(shè)置選中項,此方法可以在動態(tài)語言如php在后臺根據(jù)需要控制輸出結(jié)果。
< 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>標(biāo)簽選中項文本的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)動態(tài)創(chuàng)建select
function createSelect(){
var mySelect = document.createElement( "select" );
mySelect.id = "mySelect" ;
document.body.appendChild(mySelect);
}2)添加選項option
function addOption(){
//根據(jù)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,要刪除選項的序號,這里取當(dāng)前選中選項的序號
var index=obj.selectedIndex;
obj.options.remove(index);
}5)獲得選項option的值
var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號,取當(dāng)前選中選項的序號 var val = obj.options[index].value;
6)獲得選項option的文本
var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號,取當(dāng)前選中選項的序號 var val = obj.options[index].text;
7)修改選項option
var obj=document.getElementById( 'mySelect' ); var index=obj.selectedIndex; //序號,取當(dāng)前選中選項的序號 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)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場景需求。
標(biāo)題名稱:select標(biāo)簽如何設(shè)置默認(rèn)選中-創(chuàng)新互聯(lián)
瀏覽路徑:http://www.chinadenli.net/article42/djhsec.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、營銷型網(wǎng)站建設(shè)、軟件開發(fā)、網(wǎng)站內(nèi)鏈、云服務(wù)器、域名注冊
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容