根据其数据属性的值选择一个选项 [英] Selecting an option based on the value of its data attribute

问题描述

我想选择(aka jQuery preselect)并根据数据变量设置值.该列表包含3个值相同但数据d不同的项目.

I want to choose (aka jQuery preselect) and set the value based on data variable. The list has 3 items having same values but differing data-d.

假设我有变量selectvar="d"，则应将其更改为列表中的2个项目.

Suppose I have variable selectvar="d" then it should change to 2 item in the list.

<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赋予您的选择范围.

Use below code and give id to your select.

$("#select2 option[data-id='" + selectvar + "']").prop("selected", true);

这篇关于根据其数据属性的值选择一个选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！