js动态设置Select中Option选中

最新推荐文章于 2024-04-04 03:20:37 发布

最新推荐文章于 2024-04-04 03:20:37 发布 · 2.6k 阅读

文章标签：

#js动态设置Select中Option选中 #Option自动选中 #js选中Option #蕃薯耀 #蕃薯

蕃薯耀分享同时被 3 个专栏收录

205 篇文章

订阅专栏

61 篇文章

订阅专栏

jquery

53 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态设置HTML中Select元素默认选中项的方法。通过遍历Select的所有选项，当找到与预设值匹配的选项时，将其设置为选中状态。

js动态设置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;
		}
	}
};

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

蕃薯耀 2013年12月7日 15:48:15 星期六