javascript - jquery设置php生成的文本选项列表

Question

为什么 jquery contains 没有选择我加载页面时想要选择的特定值。

<select class="form-control" style="width:120px; float:left;" name="namelist">
    <option value="">Pablo I</option>
    <option value="">Pablo II</option>
    <option value="">Pablo III</option>
    <option value="">Pablo IV</option>
</select>

<script>               
    $('select[name=namelist] option:contains("Pablo II")').attr('selected','selected');
</script> 

选择的结果是巴勃罗三世

Answer 1

您需要使用.filter()因为:contains()也会返回部分匹配

$('select[name=namelist] option').filter(function(){
  return $(this).text() == 'Pablo II'
}).attr('selected','selected');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select class="form-control" style="width:120px; float:left;" name="namelist">
    <option value="">Pablo I</option>
    <option value="">Pablo II</option>
    <option value="">Pablo III</option>
    <option value="">Pablo IV</option>
</select>