使用jquery更改“select”中“option”的文本

Change text for `option` in a `select` with jquery

本文关键字：option 文本 select jquery 更改 使用      更新时间：2023-09-26

因此，我正试图用jquery更改一个选项的文本

HTML

<select id="mySelect">
  <option value="change me">Change me</option>
</select>

JS

$(document).ready(function() {
  $('#mySelect').select2();
$(document).find('option[value="change me"]').text('Changed');
})

嗯，什么都没发生
将文本更改为"live"很重要
Fiddle：https://jsfiddle.net/gmt22ffL/2/

这可能吗
我正在使用Jquery插件"Select2"进行选择。

它运行得非常好。但让我们尝试添加Select2并查看：

$(document).ready(function() {
  $('option[value="change me"]').text('Changed');
  $('#mySelect').select2();
});
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.full.min.js"></script>
<select id="mySelect">
  <option value="change me">Change me</option>
</select>

交换线路有效。

销毁和更改：

$(document).ready(function() {
  $('#mySelect').select2();
  $('#mySelect').select2("destroy");
  $('option[value="change me"]').text('Changed');
  $('#mySelect').select2();
});
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.full.min.js"></script>
<select id="mySelect">
  <option value="change me">Change me</option>
</select>

相关文章：