js動態(tài)設(shè)置select下拉菜單的默認選中項實例
更新時間：2018年08月21日 16:36:58 作者：xujing19920814
今天小編就為大家分享一篇js動態(tài)設(shè)置select下拉菜單的默認選中項實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
利用javascript設(shè)置select下拉菜單的選中項。
代碼實例如下：
<!--js動態(tài)設(shè)置select下拉菜單的默認選中項-->
<html>
<head>
<title>下拉菜單</title>
<script type="text/javascript">
window.onload=function(){
var osel=document.getElementById("selID"); //得到select的ID
var opts=osel.getElementsByTagName("option");//得到數(shù)組option
var obt=document.getElementById("bt");
obt.onclick=function(){
opts[3].selected=true;//設(shè)置option第4個元素，即value="3"為默認選中
}
}
</script>
</head>
<body>
<select name="select" id="selID">
<option value="0">下拉菜單一</option>
<option value="1">下拉菜單二</option>
<option value="2" selected>下拉菜單三</option>
<option value="3">下拉菜單四</option>
<option value="4">下拉菜單五</option>
</select>
<input type="button" id="bt" value="查看效果"/>
</body>
</html>
以上代碼實現(xiàn)：
1、初始時選中下拉菜單三；
2、點擊按鈕可以設(shè)置select下拉菜單的默認選中項---下拉菜單四。
以上這篇js動態(tài)設(shè)置select下拉菜單的默認選中項實例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
權(quán)限管理就是管理用戶對于資源的操作。本 CRM 系統(tǒng)的權(quán)限（也稱作資源）是基于角色操作權(quán)限來實現(xiàn)的，即RBAC（Role-Based Access Control，基于角色的訪問控制），就是用戶通過角色與權(quán)限進行關(guān)聯(lián)2022-08-08
詳解微信小程序的不同函數(shù)調(diào)用的幾種方法
這篇文章主要介紹了微信小程序的不同函數(shù)調(diào)用的幾種方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
下面小編就為大家?guī)硪黄褂眠f歸遍歷對象獲得value值的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JavaScript中window和document用法詳解
這篇文章主要介紹了JavaScript中window和document用法詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
怎樣在html文檔里做隔行換色的多行方法...2007-01-01
這篇文章主要為大家詳細介紹了微信小程序支付前端源碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-08-08
JS控制網(wǎng)頁動態(tài)生成任意行列數(shù)表格的方法
這篇文章主要介紹了JS控制網(wǎng)頁動態(tài)生成任意行列數(shù)表格的方法,實例分析了javascript操作表格節(jié)點控制dom元素添加的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
有一個數(shù)n=5，不用for循環(huán)，怎么返回[1,2,3,4,5]這樣一個數(shù)組2010-10-10
當(dāng)事件mouseover中出現(xiàn)select下拉框時，select下拉是選不中的，下面有個不錯的解決方法，大家可以看看2014-10-10
這篇文章主要為大家介紹了前端JS可視化學(xué)習(xí)利用向量判斷多邊形邊界示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-12-12