[英]How to select a specific option based on multiple attribute?
假设我有以下选择:
<select class="required form-control parameter-criteria" selectpicker="" data-id="2" tabindex="-98">
<optgroup label="criterio 2">
<option value="1" data-content="<span class="badge-min filter d-inline-flex" style="background-color:#ff0000;"> </span>CRITERIO 1 [0 - 50] - CRITERIO 2" id-criteria="2">CRITERIO 1
</option>
<option value="2" data-content="<span class="badge-min filter d-inline-flex" style="background-color:#ffb700;"> </span>CRITERIO 2 [51 - 60] - CRITERIO 2" id-criteria="2">CRITERIO 2
</option>
<option value="3" data-content="<span class="badge-min filter d-inline-flex" style="background-color:#66ff00;"> </span>CRITERIO 3 [61 - 100] - CRITERIO 2" id-criteria="2">CRITERIO 3
</option>
</optgroup>
</select>
我试图选择具有id-criteria=2
和value = 3
,所以我做到了:
$('.parameter-criteria[data-id=2]')
.find('option[value=3]')
.find('id-criteria', 2).prop('selected', true);
但这行不通,知道吗?
您可以将两个条件都指定为.find('option[value=3][id-criteria=2]')
。
$('.parameter-criteria[data-id=2]') .find('option[value=3][id-criteria=2]') .prop('selected', true);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <select class="required form-control parameter-criteria" selectpicker="" data-id="2" tabindex="-98"> <optgroup label="criterio 2"> <option value="1" data-content="<span class="badge-min filter d-inline-flex" style="background-color:#ff0000;"> </span>CRITERIO 1 [0 - 50] - CRITERIO 2" id-criteria="2">CRITERIO 1 </option> <option value="2" data-content="<span class="badge-min filter d-inline-flex" style="background-color:#ffb700;"> </span>CRITERIO 2 [51 - 60] - CRITERIO 2" id-criteria="2">CRITERIO 2 </option> <option value="3" data-content="<span class="badge-min filter d-inline-flex" style="background-color:#66ff00;"> </span>CRITERIO 3 [61 - 100] - CRITERIO 2" id-criteria="2">CRITERIO 3 </option> </optgroup> </select>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.