如何使用JavaScript声明和初始化具有键/值的数组，然后动态创建select下拉列表
如何使用JavaScript声明和初始化具有键/值的数组，然后动态创建select下拉列表，并使用JavaScript将键/值分配给选项如何使用JavaScript声明和初始化具有键/值的数组，然后动态创建select下拉列表,javascript,Javascript,如何使用JavaScript声明和初始化具有键/值的数组，然后动态创建select下拉列表，并使用JavaScript将键/值分配给选项 谢谢您没有为此寻找数组，您应该使用对象，例如： var list = {"some option": 1, "another option": 2, "etc": 3}; 因此，要将它们插入到下拉列表中，您可以通过执行以下操作将其附加到现有选项列表中 for(var optionText in options) { var option = new
谢谢您没有为此寻找数组，您应该使用对象，例如：
var list = {"some option": 1, "another option": 2, "etc": 3};
for(var optionText in options) {
var option = new Option(optionText, options[listText], true, false)
document.getElementById("listName").options.add(option)
}
<script type="text/javascript">
var options = {"some option": 1, "another option": 2, "etc": 3};
window.onload = function() {
for(var optionText in options) {
var option = new Option(optionText, options[listText], true, false)
document.getElementById("listName").options.add(option)
}
}
</script>
<select id="listName">
</select>
var options={“某个选项”：1，“另一个选项”：2，“等”：3}；
window.onload=函数（）{
for（选项中的var optionText）{
var option=new选项（optionText，options[listText]，true，false）
document.getElementById（“listName”）.options.add（选项）
}
}
编辑：您应该清楚地注意到，如果您有现有代码，那么执行window.onload并用类似的函数替换它可能会导致不期望的效果，因此要么使用现有库的已加载函数等，如果您使用JQuery将更容易。。。在基本Javascript中就是这样做的
<html>
<body>
<span id="selectContainer"></span>
</body>
<script type="text/javascript">
var selectItems = {
me: "Hari Gangadharan",
friend1: "Asif Aktar",
friend2: "Jay Thomas",
friend3: "John Abrams"
}
selectItems["newFriend"] = "Niel Goldman";
var selectContainer = document.getElementById("selectContainer");
var selectBox = document.createElement("SELECT");
selectBox.id = selectBox.name = "friendList";
selectContainer.appendChild(selectBox);
for (var key in selectItems) {
var value = selectItems[key];
var option = document.createElement("OPTION");
option.text = value;
option.value = key;
selectBox.options.add(option);
}
</script>
</html>
变量selectItems={
我：“Hari Gangadharan”，
朋友1：“阿西夫·阿克塔”，
朋友2：“杰伊·托马斯”，
朋友3：“约翰·艾布拉姆斯”
}
选择项目[“新朋友”]=“尼尔·戈德曼”；
var selectContainer=document.getElementById（“selectContainer”）；
var selectBox=document.createElement（“选择”）；
selectBox.id=selectBox.name=“好友列表”；
选择Container.appendChild（选择框）；
for（在selectItems中输入变量）{
var值=选择项[键]；
var option=document.createElement（“选项”）；
option.text=值；
option.value=键；
selectBox.options.add（选项）；
}