select

网站

几种设置select标签默认选中选项的方法

方法有两种。第一种通过<select>的属性来设置选中项，此方法可以在动态语言如php在后台根据需要控制输出结果。

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

< 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()" />

< 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>标签选中项文本的js代码为:[cra…

蓝洛水深

2021年1月25日

011.3K0