我需要使用一个键值对对象，在一个select元素中添加一个选项下拉框。

20 浏览
0 Comments

我需要使用一个键值对对象，在一个select元素中添加一个选项下拉框。

这个问题已经有答案了:

使用jQuery，从JavaScript对象中添加选项到下拉列表的最佳方法是什么？

如何将数组作为选项给下拉列表元素？

这是对象的样子：

0: {Key: "1", Value: "cat1"}
1: {Key: "2", Value: "cat2"}
2: {Key: "3", Value: "cat3"}
3: {Key: "4", Value: "cat4"}
4: {Key: "5", Value: "cat5"}

HTML代码：

我需要为这个下拉列表添加选项，值属性为object.key，显示为object.Value。

理想情况下，我的代码应该是这样的：

object.Value

我尝试了向元素添加append，但是似乎不起作用。

更新：显然问题不在于我代码中附加了一个新的下拉列表，而是我没有对我的选择元素进行 .selectpicker(\"refresh\")。这修复了显示问题。

admin 更改状态以发布 2023年5月20日
0

2 答案

0 Comments

让它变得简单又愉快。我只是写了一个基本的Javascriptfor循环方法。 试着使用它，希望它能对你有所帮助。谢谢。

var array = [
	{Key: "1", Value: "cat1"},
	{Key: "2", Value: "cat2"},
	{Key: "3", Value: "cat3"},
	{Key: "4", Value: "cat4"},
	{Key: "5", Value: "cat5"}
]
var modelList = document.getElementById("edit-category-dropdown");
if (array) {
  var i;
  for (i = 0; i < array.length; i++) {
    var singleValue = new Option(array[i].Value, array[i].Key);
    modelList.options.add(singleValue);
  }
}