Question

我有一个键集，我想使用循环放入下拉列表。我想使用select和option标签。我怎么能这样做？我的帮助将不胜感激。我只使用HTML和JS。

Answer 1

只需做一个foreach循环然后执行$('.element').append('<li>Option</li>');将来，请在尝试之前尝试正确搜索，因为我有一份here

Answer 2

这是一个使用对象和数组作为源的非库解决方案。

HTML：

<select id="targetObject"></select>
<select id="targetArray"></select>

Javascript：

var objOptions = {
    one: "Value One",
    two: "value Two"
};

var objSelect = document.getElementById('targetObject');
var html = "";
for (var key in objOptions) {
    if (!objOptions.hasOwnProperty(key)) {
    continue;
  }

  var display = objOptions[key];
  html += "<option value=\"" + key + "\">" + display + "</option>";
}
objSelect.innerHTML = html;



var arrOptions = [
{value: 'one', display: 'Number One'},
{value: 'two', display: 'Number Two'}
];

var arrSelect = document.getElementById('targetArray');
html = "";
for (var i=0; i<arrOptions.length; i++) {
    var value = arrOptions[i].value;
  var display = arrOptions[i].display;
  html += "<option value=\"" + value + "\">" + display + "</option>";
}
arrSelect.innerHTML = html;

小提琴：https://jsfiddle.net/aoLvuku4/

使用循环将值放入下拉列表中

2 个答案: