jquery - 在 html 的下拉列表中设置默认值

Question

我正在尝试设置下拉菜单的默认值，但我没有这样做。请告诉我这段代码有什么问题。

<span>Section Name:</span><select id="editSection" name="classSection" >
<option >A</option><option >B</option><option >C</option><option >D</option>
</select><br>

这是我的javascript代码：

$('input[id=editSection]').val($.trim(sec));

我试图将 sec 设置为下拉菜单的默认值。sec 是一个在操作数之后得到的变量，其值为 A、B、C、D。

Answer 1

尝试只使用 id。Aselect和input不考虑同一类型的元素。

小提琴演示

$('#editSection').val($.trim(sec));

Answer 2

 $("#editSection").empty().append("<option value='0'>--Select--</option>").append($.trim(sec));

Answer 3

试试下面的javascript代码

var theText="B";

$("#editSection option").each(function() {
  if($(this).text() == theText) {
    $(this).attr('selected', 'selected');            
  }                        
});

选项文本与Text变量相同，选项将被选中。

Answer 4

我找到了一个很好的解释Set the default value in dropdownlist using jQuery。它建议使用：

//for example let your sec variable be "C".
var sec = "C";
// it does the trick, and set default to sec's value.
$("select option:contains("+ $.trim( sec ) + ")").prop('selected',true);

Answer 5

<span>Section Name:</span>

<select id="editSection" name="classSection" >
    <option >A</option>
    <option >B</option>
    <option >C</option>
    <option >D</option>
</select><br>


var sec = "C";
$('#editSection option').each(function() {
    if ($(this).text() == sec){
        alert($(this).val());
        $(this).attr('selected', 'selected');
    }
});