javascript 設定select的預設選項

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>