我想选择(又名 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/

10-11 23:23
查看更多