javascript - 如何更改选择框onload的选定选项？

Question

我正在做一个项目，我必须选择一个选择框的特定选项，我知道该怎么做，但问题是当我们这样做时，只要选择框的值发生变化，就必须调用一个函数手动它可以工作，但是当我使用 jquery onload 执行它时，该功能不起作用。因为它只有在用户手动更改选择框中的选项时才有效。请告诉我该怎么做。

例子:

          <select>
               <option val="0" selected></option>
               <option val="1"></option>
               <option val="2"></option>
               <option val="3"></option>
               <option val="4"></option>
               <option val="5"></option>
          </select>

这是我尝试过的一些努力:

$("select").val('5');

Answer 1

您希望在页面首次加载时预先选择一个选项吗？

这段 jQuery 会找到值为 5 的 option 并选择它。通过将其包装在 jQuery(document).ready 函数中，它将在页面加载后运行。

jQuery(document).ready(function($){
  $('select').find('option[value=5]').attr('selected','selected');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select>
    <option value="0" selected>0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
</select>