javascript - 如何选择具体选项？

Question

假设我有以下选项的选择:

 <select class="criteria">
   <option id-criteria="1" value="1"></option>
   <option id-criteria="2" value="1"></option>
 </select>

我想选择id-criteria等于1的选项值，所以我尝试了:

$('.criteria').find('option[id-criteria="1"]').val(1);

但这不起作用

Answer 1

如果你想选择值为1的选项使用

$('.criteria').val('1');

如果您有多个 .criteria 并且您希望它仅在 id-criteria="1" 时应用，则使用

$('.criteria').find('option[id-criteria="1"][value="1"]').prop('selected', true);

<小时/>

演示

$('.criteria').find('option[id-criteria="1"][value="1"]').prop('selected', true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<select class="criteria">
   <option>select an option</option>
   <option id-criteria="1" value="1">option 1</option>
   <option id-criteria="2" value="1">option 2</option>
 </select>