Question

您好我写了html代码，我希望使用jQuery更改所选项目

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

我尝试了这个，但我无法改变

$("#slc").val("2");

$("#slc").prop("selectedIndex", 1);

Answer 1

$("#slc option[value=3]").prop('selected', 'selected');//get option with value 3 and set selected

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<select id="slc">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

这样做

Answer 2

我认为你的第一次尝试是正确的尝试。

 $('#slc').val('3');

它确实有效： https://jsfiddle.net/crix/hdtndzkb/

你是否包含了jquery库？你的代码被击中了吗？只需通过添加console.log（）条目来尝试查看是否可以。

Answer 3

你什么时候开火？也许你应该把它包装在document.ready函数中？我做了这个，它就像一个魅力： https://jsfiddle.net/41bna2e9/

$(document).ready(function(){
    $("#slc").val("2");
});

希望它有所帮助！

如何在jQuery中更改所选项目

3 个答案: