javascript - Selecting a option based on the value of its data attribute -
i want choose (aka jquery preselect) , set value based on data variable. list has 3 items having same values differing data-d.
suppose have variable selectvar="d" should change 2 item in 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);
use below code , give id select.
$("#select2 option[data-id='" + selectvar + "']").prop("selected", true);
Comments
Post a Comment