原生JS实现为select标签添加option内容

今天练习需要给select加入下拉内容于是但是option标签要很多,于是用js解决。

不多bb代码如下

City();
// 设置一个空函数拼接option
var allHtml = "";
function City(){
    
    
	// 包含省份的函数,有条件可从后台获取
	var arr = ["上海","浙江","黑龙江","河南","河北","广西","内蒙古","吉林","辽宁","四川","福建"];
	
	// 遍历提取出数组里的省份
	for (var i = 0; i<arr.length; i++) {
    
    
		// 获取单个的省份
		var obj = arr[i];
		// console.log(obj);
		// 拼接下拉内容item(项目)
		item = "<option>"+obj+"</option>";//在html 为<option>上海</option>
		// 传给前面写的空变量
		allHtml += item;
	}
	// 获取html页面的select标签
	document.getElementById("sheng").innerHTML = allHtml;
}
//就不规范命名了哈  - - 英语不好

猜你喜欢

转载自blog.csdn.net/C2_tr_Grow_up/article/details/115245386