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

【问题标题】：set an option from the dropdown when page loads in jquery在 jquery 中加载页面时从下拉列表中设置一个选项
【发布时间】：2014-08-15 23:38:47
【问题描述】：

我有以下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>

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

【问题讨论】：

标签： jquery select drop-down-menu option

【解决方案1】：

不需要给空间。因为选择下拉列表中的那个 id

改变

$("select #id_visit_number option")

到

$("select#id_visit_number option")

【讨论】：

哦，太好了，这真是一个简单的错误。

【解决方案2】：

由于 ID 应该是唯一的，因此您始终可以只写 ID 而无需在其前面加上元素名称，$(this).val() == "2" 也可以写为 this.value == "2"

   $("#id_visit_number option").filter(function() {
          return this.value == "2"; 
   }).prop('selected', true);

请注意("select #id_visit_number option") 等同于：

    $("select").find("#id_visit_number").find("option");
    //clearly, that's not what you wanted.

【讨论】：