Ajax /如何使附加列表项“被选中”？

Question

我正在遍历items数组的所有值，并将它们附加到#selectbox上，如下所示：

    $("#Selectbox").append(
        $("<option></option>").attr(
            "value", items[i][0]).text(items[i][1])
    );

如何在同一循环周期内使特定项目“被选中”？谢谢

Answer 1

您可以像这样检查项目是否为您要选择的内容：

const items = [1, 2, 3];
const selected = 2;

for(var i in items) {
  let item = items[i];
  let option = $("<option></option>");

  if(item == selected) {
    option.attr('selected', true);
  }
  
  $("#Selectbox").append(option.attr("value", item).text(item));
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="Selectbox">
  <option>Select an item</option>
</select>