Question

我有两个下拉菜单，其中的选项是动态地来自API。我正在尝试使用jquery动态选择选项。第一个下拉菜单被选中，而第二个下拉菜单未被选中。

我正在尝试使用$('#id').find(option [value = ""]).attr(selected, selected);

这些是HTML字段。

 <div class="form-group">
  <label>Branch</label>
   <select class="form-control" id="ddlSelectBranch" data-val="true">
   </select>
 </div>

 <div class="form-group">                                                
   <label>User Role</label>
     <select class="form-control" id="ddlSelectRole" data-val="true">
     </select>
 </div>

这是Jquery代码。

  $('#ddlSelectBranch').find("option[value='" + item.branchDTO.branchId + "']").attr('selected', 'selected');
  $('#ddlSelectRole').find("option[value='" + item.roleDTO.roleId + "']").attr('selected', 'selected');

这是我当前正在处理的对象。

branchDTO: {branchId: 6, branchName: "Bandhan Serampore"}
loginId: "BK1234"
roleDTO: {roleId: 1, roleName: "program datector"}
userEmailPrimary: "p.ojha@gmail.com"
userEmailSecondary: ""
userFirstname: "Pragyan"
userId: 25
userLastname: "Ojha"
userMiddlename: "Ganesh"
userMobilePrimary: "9635200456"
userMobileSecondary: "7896523647"

已选择分支字段，但不适用于角色字段。

Answer 1

只需设置下拉菜单的值即可，而不是设置selected选项：

$("#ddlSelectBranch").val(item.branchDTO.branchId);
$("#ddlSelectRole").val(item.roleDTO.roleId);

但是，您的方法也应该起作用。如果不起作用，则问题可能出在item.roleDTO.roleId实际上与任何选项的值都不匹配。确保选项值中没有多余的空格。

下拉菜单中的选项无法动态选择

1 个答案: