html下拉框设置默认值_js动态设置select下拉菜单的默认选中项实例

利用javascript设置select下拉菜单的选中项。

代码实例如下：

下拉菜单

window.οnlοad=function(){

var osel=document.getElementById("selID"); //得到select的ID

var opts=osel.getElementsByTagName("option");//得到数组option

var obt=document.getElementById("bt");

obt.οnclick=function(){

opts[3].selected=true;//设置option第4个元素，即value="3"为默认选中

}

}

下拉菜单一

下拉菜单二

下拉菜单三

下拉菜单四

下拉菜单五

以上代码实现：

1、初始时选中下拉菜单三；

2、点击按钮可以设置select下拉菜单的默认选中项---下拉菜单四。

以上这篇js动态设置select下拉菜单的默认选中项实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。