jquery - 在 document.ready 上将 HTML 选项设置为选中

Question

我在尝试将选择选项设置为“已选择”时遇到问题，它似乎不起作用

jQuery

<script>
   $(function(){
      $(document).ready(function(){
         $("select[name=searchType] option[value=title]").attr("selected", "selected");
       });
   });
</script>

html 标记

<select name="searchType">
   <option value="isbn">ISBN</option>
   <option value="title">Title</option>
   <option value="author">Author</option>
</select>

什么可能导致这个问题？

Answer 1

尝试

$('select[name="searchType"] option[value="title"]').prop('selected', true);

另外，检查您的选择器是否返回元素

console.log($('select[name="searchType"] option[value="title"]'));

Answer 2

考虑selected直接在标记中使用属性：

<select name="searchType">
   <option value="isbn">ISBN</option>
   <option value="title" selected="selected">Title</option>
   <option value="author">Author</option>
</select>