如何使用 jQuery 设置 DropDownList 的文本？

Posted 2023-05-09

【中文标题】如何使用 jQuery 设置 DropDownList 的文本？

【英文标题】：How can I set the Text of a DropDownList using jQuery?

【发布时间】：2015-12-17 13:21:14

【问题描述】：

我已经看到了一些关于如何使用 jQuery 为下拉菜单设置值的答案。但是在我的情况下，我想知道如何使用 jQuery 来设置下拉菜单的文本。

此示例使用 jQuery 为我的下拉菜单设置值：

  var trimvalue ="345";

  $("#Trim").val(trimvalue);

在我当前的代码逻辑中，我也想设置显示的文本，我尝试这样做：

var trimtext ="samsung";

$("#Trim").text(trimtext);

这不是正确的语法。请提供任何关于我们是否可以使用 jQuery 设置文本的建议。

【问题讨论】：

您是在问如何从下拉列表中选择现有值或覆盖所选选项的文本？

<select> 没有 text() 属性。你设置了.val()属性，对应选项的显示文本会显示在下拉列表中

【参考方案1】：

您应该能够使用类似

的内容设置文本

$('#Trim option:selected').text(trimtext);

https://jsfiddle.net/yzgbk1fj/:

或者如果你想添加它，也许：

$('#Trim').append($('<option />').text(trimtext)).val(trimtext);

https://jsfiddle.net/yzgbk1fj/1/

【参考方案2】：

首先在你的html页面中创建一个html标签

<select id='sampleSelect'>
<select>

在您的 Jquery 中，第二个目标是使用 ID 的 select 函数

$(document).ready(function()
  var trimtext ="samsung";
  $("#sampleSelect").append(
                            "<option value="+trimtext+">"+trimtext+"</option>"
                            );  
);

如果您的下拉菜单有很多值，请使用 For 循环。希望对您有所帮助。