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

Question

我看到了一些关于如何使用 jQuery 设置下拉列表值的答案。但是就我而言，我想知道如何使用 jQuery 设置下拉菜单的文本。

此示例使用 jQuery 设置我的下拉列表的值：

  var trimvalue ="345";

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

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

var trimtext ="samsung";

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

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

Answer 1

您应该可以使用类似

的内容来设置文本

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

https://jsfiddle.net/yzgbk1fj/:

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

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

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

Answer 2

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

<select id='sampleSelect'>
<select>

第二个 Jquery 使用 ID

定位 select 函数

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

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