如何在jQuery中更改所选项目[重复]

Posted 2023-02-22

【中文标题】如何在jQuery中更改所选项目[重复]

【英文标题】：How to change selected item in jQuery [duplicate]

【发布时间】：2016-07-14 19:22:29

【问题描述】：

您好，我编写了 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);

【问题讨论】：

我很抱歉，这是另一个问题。感谢您的帮助。

【参考方案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>

这样做

【参考方案2】：

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

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

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

您是否包含了 jquery 库，对吗？ 你的代码被击中了吗？只需尝试通过添加一个 console.log() 条目来查看它是否存在。

【参考方案3】：

什么时候触发代码？也许您应该将其包装在 document.ready 函数中？ 我做了这个，它就像一个魅力： https://jsfiddle.net/41bna2e9/

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

希望对你有帮助！