首頁 >web前端 >js教程 >JavaScript如何動態設定Select中Option的選取實例分析

JavaScript如何動態設定Select中Option的選取實例分析

黄舟
黄舟原創
2017-07-28 09:32:402243瀏覽

JavaScript如何動態設定Select中Option的選取實例分析

var select = document.getElementById("selectYear");  
var nextYear = '2012';  
for(var i=0; i<select.options.length; i++){  
    if(select.options[i].innerHTML == nextYear){  
        select.options[i].selected = true;  
        break;  
    }  
}
/** 
 * 设置select选中 
 * @param selectId select的id值 
 * @param checkValue 选中option的值 
 * @author lqy 
 * @since 2015-08-21 
*/  
function setSelectChecked(selectId, checkValue){  
    var select = document.getElementById(selectId);  
    for(var i=0; i<select.options.length; i++){  
        if(select.options[i].innerHTML == checkValue){  
            select.options[i].selected = true;  
            break;  
        }  
    }  
};

以上是JavaScript如何動態設定Select中Option的選取實例分析的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn