在选项“选择”中首先包含选择值。答案

【问题标题】：Include select value first in option "select."在选项“选择”中首先包含选择值。
【发布时间】：2021-04-16 02:11:13
【问题描述】：

首先选择我想要的价值。我该怎么做？

                $.each(data.departmentList, function (key, value) {
                    $('#searchDepartmentName')
                        .append($("<option></option>")
                            .attr("value", value.mudurlukId)
                            .text(value.mudurlukAdi));
                });
               
                $('#searchDepartmentName').append(optionData);
            },  ```

【问题讨论】：

标签： javascript drop-down-menu options

【解决方案1】：

您可以相应地设置选定的属性。

const data = {
  departmentList: [
    {mudurlukId: "1", mudurlukAdi: "test1"},
    {mudurlukId: "2", mudurlukAdi: "test2"}
  ]
};

$('#searchDepartmentName').html(data.departmentList.map((v, i) => {
    const selected = i === 0 ? " selected" : "";
  return `<option ${selected} value=${v.mudurlukId}>${v.mudurlukAdi}</option>`;
}));

<head>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha256-4+XzXVhsDmqanXGHaHvgh1gMQKX40OUvDEBTu8JcmNs=" crossorigin="anonymous"></script>
</head>
<body>
<select id="searchDepartmentName">
</select>
</body>

【讨论】：

【解决方案2】：

这将设置要选择的第一个选项：

$.each(data.departmentList, function (key, value) {
  const select = $('#searchDepartmentName');
  const elem = $("<option></option>")
    .attr("value", value.mudurlukId)
    .text(value.mudurlukAdi);
  
  select.append(elem)
  
  if (elem.is(":first-child")) {
    select.val(value.mudurlukId);
  }
});

【讨论】：