gpt4 book ai didi

javascript - 如何使用 JavaScript 声明和初始化带有键/值的数组,然后动态创建选择下拉列表

转载 作者:数据小太阳 更新时间:2023-10-29 05:47:15 25 4
gpt4 key购买 nike

如何使用 JavaScript 声明和初始化具有键/值的数组,然后使用 JavaScript 动态创建选择下拉列表并将键/值分配给选项?

谢谢

最佳答案

如果您使用 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>

关于javascript - 如何使用 JavaScript 声明和初始化带有键/值的数组,然后动态创建选择下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5435347/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com