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

编程问答 2022-05-30

问题描述

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

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

解决方法

您可以相应地设置 selected 属性。

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>

,

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

$.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);
  }
});
drop-down-menujavascriptoptionsoptions