为什么select（）方法在Combobox中不起作用？

Question

我需要在“组合框”中执行与在文本框中相同的操作。当页面加载类似Focus().select()

的Combobox第一个值时

$(document).ready(function(){
    $('#sel_bookID').focus().select();
});

<input type=text id="sel_bookID" value="ddddddddd" name='userid1'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

页面加载时喜欢这样

Answer 1

您可以使用option属性将selected设置为默认值：

<select>
  <option>Opt 1</option>
  <option selected="true">Opt 2</option>
  <option>Opt 3</option>
</select>

但是，如果您真的想使用jQuery来执行此操作，则可以使用.prop方法：

$(document).ready(function() {
  $('#opt2').prop('selected', true);
});

<select>
  <option>Opt 1</option>
  <option id="opt2">Opt 2</option>
  <option>Opt 3</option>
</select>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>

Answer 2

也许您想这样做？

<select id="sel_bookID">
   <option value=""></option>
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>

$(document).ready(function(){
    alert($("#sel_bookID option:selected").text());
});

或者也许您只需要自动对焦，请检查select autofocus

上的此链接

Answer 3

    $(document).ready(function(){
        $('#sel_bookID').focus().select();
    });



        <select id="sel_bookID" name='userid1'>
            <option value="ddddddddd">ddddddddd</option>
        </select>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>