选项标签中的选定属性

Question

我有一个通过循环填充的下拉列表。 当<%if o.getNextPage()%>等于i时，应添加 selected 属性。

 <select id="dropDown" onchange="display(this.value)"> var start = 1; var end = noOfPages; var options = ""; for (var i = start; i <= end; i++) { options += "<option>" + i + "</option>"; } document.getElementById("dropDown").innerHTML = options; function display(e) { document.getElementById("hidden").value = e; document.invoiceForm.submit(); }

Answer 1

您可以将value属性添加到option标签。

正如@3Dos 在评论中所建议的，您可以使用 'document.createElement' 而无需像这样插入原始 HTML：

var start = 1;
var end = noOfPages;
var options = "";
for (var i = start; i <= end; i++) {
    var opt = document.createElement('option');
    opt.value = i;
    opt.innerHTML = i;
    document.getElementById('dropDown').appendChild(opt);
}

Answer 2

由于documentFragment，这是生成下拉列表并保持性能的正确方法，因为您只与 DOM 交互一次

 // These were not provided by OP but added to actually get this snippet running var noOfPages = 5; var start = 1; var end = noOfPages; var options = document.createDocumentFragment(); for (var i = start; i <= end; i++) { var option = document.createElement('option'); option.value = i; option.textContent = i; options.appendChild(option); } document.getElementById("dropDown").appendChild(options);

 <select id="dropDown" onchange="display(this.value)"></select>

我省略了无关的display功能，因为它指的是未提供的代码。