javascript - 根据输入值默认选择选项

Question

我的表单上有以下选择

<select id="select-1">
    <option value="11">Option 11</option>
    <option value="12">Option 12</option>
    <option value="13">Option 13</option>
</select>

还有一个隐藏的输入

<input id="hidden-input-1" value="13">

当我的页面加载时，hidden-input-1 的值可以是 11、12 或 13。我想将我的选择默认为该输入的值。到目前为止，我已经尝试使用 .val() 来设置它:

$( document ).ready(function() {
    /*...
         do AJAX stuff to set input value
    ...*/
    $("#select-1").val($("#hidden-input-1").val());
});

这只是返回一个空白选择。关于如何解决这个问题有什么想法吗？

Answer 1

您尝试在元素未加载到 DOM 时访问它们，因此您没有获得任何值，下面是正确的方法。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="select-1">
  <option value="11">Option 11</option>
  <option value="12">Option 12</option>
  <option value="13">Option 13</option>
</select>
<input id="hidden-input-1" value="13">
<script>
  $(document).ready(function() {
    $("#select-1").val($("#hidden-input-1").val());
  });
</script>