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

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

黄舟
Lepaskan: 2017-07-28 09:32:40
asal
2286 orang telah melayarinya

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;  
    }  
}
Salin selepas log masuk
/** 
 * 设置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;  
        }  
    }  
};
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan