jquery - 当 .attr() 或 .addClass() 起作用时，为什么 .prop("selected",true) 不起作用？

Question

我有一个脚本，它通过隐藏选择框并在用户单击“假”div 时将其定位为一组样式 div 来替换选择框。我的目标是这样的选定项目：

targetSelect.eq(optionIndex).prop('selected');

optionIndex是所选 div 的索引，因为它对应于隐藏的选择框选项。

上面的行没有将“selected”添加到目标选项。我知道我的目标是正确的，因为targetSelect.eq(optionIndex).addClass('selected');将添加该类并将targetSelect.eq(optionIndex).attr('selected',"true");选定的属性设置为 true。

我也试过：

targetSelect.prop('selectedIndex',optionIndex);

但这也不起作用。

Answer 1

我相信这应该有效：

$('#selectbox option').eq(optionIndex).prop('selected', true);

你也可以试试这个（确保 optionIndex 不是字符串！）：

targetSelect.val(optionIndex)

Answer 2

 <select class="form-control" name="gender" id="gender">
         <option value="M">Male</option>
         <option value="F">Female</option>
         <option value="T">Others</option>
</select>
      

$('#gender option[value="' +  obj.data.member_gender +'"]').prop("selected", true);