您的位置：首页 > Web前端 > JavaScript

JavaScript取数组数据动态生成下拉列表

2017-05-02 07:29 555 查看

此处为了简便，直接使用js数组，在实际开发中，也开始使用服务器端传回前台的数据来生成数组，然后再进行下拉框的创建。话不多说，直接上代码。

<html>
<head>
<script>
var arrayNation = new Array('汉族','蒙古族','彝族','侗族','哈萨克族');
var arrayDegree = new Array('小学','初中','高中','中专','大专','本科','硕士','博士');

function createSelect(name, str){
var _select = document.createElement("select");
var firstOption = document.createElement("option");
firstOption.value = "------select------";
firstOption.text = "------请选择------";
_select.appendChild(firstOption);
for ( i = 0; i < str.length; i++){
var _option = document.createElement("option");
_option.value = str[i];
_option.text = str[i];
if (name == str[i]){
_option.selected = "true";
}
_select.appendChild(_option);
}
return _select;
}
</script>
</head>
<body>
<div id="nation">民族：</div>
<div id="degree">学历：</div>
<script>
document.getElementById("nation").appendChild(createSelect('侗族', arrayNation));
document.getElementById("degree").appendChild(createSelect('初中', arrayDegree));
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航