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是一个在操作次数之后得到的变量，其值为A，B，C，D。

Answer 1

尝试使用id。 select和input不会被视为相同类型的元素。

Fiddle Demo

$('#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');            
  }                        
});

选项文本与文本变量相同，将选择该选项。

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');
    }
});

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

5 个答案: