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>

将HTML选项设置为在document.ready上选择

2 个答案: