Rumah >hujung hadapan web >tutorial js >JavaScript如何动态设置Select中Option的选中实例分析

JavaScript如何动态设置Select中Option的选中实例分析

黄舟
黄舟asal
2017-07-28 09:32:402237semak imbas

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;  
        }  
    }  
};

Atas ialah kandungan terperinci JavaScript如何动态设置Select中Option的选中实例分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn