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")

Answer 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.

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

2 个答案: