Javascript 从大量选项中选择

我想在html中创建一个select字段。此字段将有1到27之间的值可供选择。所以我想尝试一些排序方法，而不是手动键入27个值。在java脚本或其他东西的帮助下，这是可能的吗？我不是前端技术专家，所以请大方一点。

---

好吧，如果你想

HTML

<select id="mySelect" name="mySelect"></select>

或者您可以使用jQuery：

var values = ['something', 'something else', 'some other thing'];

    $.each(values, function(idx, value) {
        var optionElem = '<option value="' + value + '">' + value + '</option>';
        $('#mySelect').append(optionElem);
    });

---

但这通常是一件愚蠢的事情，除非您需要动态生成它们。

我不确定您是想在下拉列表中列出1到27项，还是仅仅列出27项。在任何一种情况下，这两者都是。这是使用基本的JavaScript

演示：

列出27次

var vals = ['item1','item2','item3','etc.'];
var sel1 = document.getElementById('list1');
vals.forEach(function(val,ind) {
  var opt = document.createElement('option');
  opt.text = val;
  opt.value = ind;
  sel1.appendChild(opt);
});

清单1至27

var sel2 = document.getElementById('list2');
for (var i = 1; i <= 27; i++) {
  var opt = document.createElement('option');
  opt.text = i;
  opt.value = i;
  sel2.appendChild(opt);
}

---

我不会用JavaScript做这件事。你必须以任何一种方式键入值。你是否试图在下拉列表中列出数字1到27？我更喜欢你的纯JS而不是我提到的方式+1.

var sel2 = document.getElementById('list2');
for (var i = 1; i <= 27; i++) {
  var opt = document.createElement('option');
  opt.text = i;
  opt.value = i;
  sel2.appendChild(opt);
}