jquery - 在 jquery 中加载页面时从下拉列表中设置一个选项

Question

我有以下 html:

<select id="id_visit_number" name="visit_number">
  <option value="" selected="selected">---------</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
  <option value="4">Four</option>
</select>

当页面打开/加载时，我希望将默认选项选择为Two。所以我尝试了下面的代码，但没有工作

<script type='text/javascript">

        $( document ).ready(function() {
                $("select #id_visit_number option").filter(function() {
                    return $(this).val() == "2"; 
                }).prop('selected', true);
        });        
        </script>

如何在页面加载时默认选择某个选项？

Answer 1

无需留出空间。因为该 id 在选择下拉列表中

改变

$("select #id_visit_number option")

至

$("select#id_visit_number option")