我想选择(又名 jQuery 预选)并根据数据变量设置值。该列表有 3 个具有相同值但不同 data-d 的项目。
假设我有变量 selectvar="d"
那么它应该更改为列表中的 2 项。
<select id="select2">
<option data-id="mo" value="1" style="display: none;">1</option>
<option data-id="d" value="1" style="">one</option>
<option data-id="h" value="1" style="display: none;">o-ne</option>
<option data-id="mo" value="2" style="display: none;">2</option>
<option data-id="d" value="2" style="">two</option>
<option data-id="h" value="2" style="display: none;">t-wo</option>
<option data-id="mo" value="3" style="display: none;">3</option>
<option data-id="d" value="3" style="">three</option>
<option data-id="h" value="3" style="display: none;">t-hree</option>
</select>
val = 2
selectvar="d"
$("#select2 option[data-id='d'][value='2']").prop("selected", true);
最佳答案
使用下面的代码并为您的选择提供 id。
$("#select2 option[data-id='" + selectvar + "']").prop("selected", true);
关于javascript - 根据其数据属性的值选择一个选项,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/43289551/