Question

您好我正在尝试从下拉列表中选择加载某个选项以显示为所选选项（蓝色背景）。我的jquery代码是

$(document).ready(function () {
   //ddLiss it he id of the dropdown
   //North Side is one of the options that i need selected on document load. 
  $("#ddList").select("North Side");
});

当我在代码中运行它时，我得到所有值的下拉，但“North Side”不显示为选定的值。请让我知道如何解决它。谢谢

Answer 1

基于价值：

$('#ddList').val('North Side');

BY text：

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

Answer 2

$("#ddList option:contains('North Side')").prop("selected",true);

Answer 3

一种方式：

$('select>option:eq(3)').attr('selected', true);

来源：use jquery to select a dropdown option

Answer 4

尝试此操作并在下拉列表中设置值“North”。

$("#ddList option[value='North']").attr("selected","selected");

Answer 5

所有下拉列表都有“SelectedValue”和“SelectedText”选项。

您必须将下拉菜单的 value 设置为“North Side”的值。

您可以通过以下方式执行此操作：

$("#ddList").val("1"); //'1'是绑定列表的值

Answer 6

    <select>
        <option>please select</option>
        <option value='1'>northside</option>
        <option value='2'>south</option>
    </select>
$(document).ready(function(){
    $('select option:contains("northside")').prop('selected',true);
});

check this fiddle [check this fiddle][1]

选择下拉列表中的值作为默认值

6 个答案: