這篇文章主要為大家展示了“select標(biāo)簽如何設(shè)置默認(rèn)選中”,內(nèi)容簡(jiǎn)而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“select標(biāo)簽如何設(shè)置默認(rèn)選中”這篇文章吧。
創(chuàng)新互聯(lián)公司專(zhuān)注于做網(wǎng)站、網(wǎng)站制作、網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站開(kāi)發(fā)。公司秉持“客戶至上,用心服務(wù)”的宗旨,從客戶的利益和觀點(diǎn)出發(fā),讓客戶在網(wǎng)絡(luò)營(yíng)銷(xiāo)中找到自己的駐足之地。尊重和關(guān)懷每一位客戶,用嚴(yán)謹(jǐn)?shù)膽B(tài)度對(duì)待客戶,用專(zhuān)業(yè)的服務(wù)創(chuàng)造價(jià)值,成為客戶值得信賴的朋友,為客戶解除后顧之憂。方法有兩種。
第一種 通過(guò)
< select id = "sel" > < option value = "1" >1 option > < option value = "2" selected = "selected" >2 option > < option value = "3" >3 option > select >
第二種 為通過(guò)前端js來(lái)控制選中的項(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()" />
獲取
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)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專(zhuān)為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。