javascript 设置select的默认选项

时间:2022-12-09 15:51:30
 2079人阅读 评论(0) 收藏 举报

javascript 设置select的默认选项。

可以用 selectObj.options[index].selected=true; 来设置

selectObj 下拉框的对象

index 默认项的下标

 

如果选项的个数位置,无法确定默认的下标,可以使用下面的方法。

该方法在设置默认选项后,还返回该选项的下标。

 

//设置select的默认选项 ,并取得选项的下标。
//参数1:下拉框的对象,参数2:选项的文字内容
function setSelected(selectObj,optionsText){
    for(var i=0;i<selectObj.options.length;i++){
        if(selectObj.options[i].text==optionsText){
            selectObj.options[i].selected=true;
            return i;
        }
    }
}

当然该方法也可以修改为一选择的value来确定默认选项。

 

例子:

<select id="seleTest" name="">
<option value="0" >a</option>
<option value="1" >b</option>
<option value="2">c</option>
<option value="3">d</option>
<option value="4">e</option>
</select>

<script>
var selObj=document.getElementById('seleTest');
var s2=setSelected(selObj,'d')
alert('s2='+s2);
</script>