通过JQuery设置下拉值

时间:2016-01-28 12:25:00

标签: javascript jquery dropdown

我尝试了各种各样的方法但是它们似乎都没有用。

My I Dropdown是自动完成的,我已经使用了“select2”插件

这是我的下拉列表

@Html.DropDownList(Model.deptProp, new SelectList(Bmsa.UI.Utility.Utility.GetAllDepartments(Model.countryCode), "Value", "Text", Model.deptId), new { onchange = "Getarrnds();" })

这是JQUery函数

 function loadMap(qStr){

   Alert($('select[name$=deptId]').val()); //this is working fine, Getting Value from Dropdown

   // Following Methods are not working
    var deptId=3;
    $("select[name$=deptId]").val(deptId);
    $("select[name$=deptId]").get(0).selectedIndex = deptId;
    $('select[name$=deptId]').val(deptId).attr("selected", "selected");
    $('select[name^="deptId"] option:selected').attr("selected",deptId);
    $('select[name^="deptId"] option[Index="3"]').attr("selected","selected");


}

这是解析HTML

<span class="select2-selection select2-selection--single" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-labelledby="select2-deptId-container"><span class="select2-selection__rendered" id="select2-deptId-container" title="Select below">Select below</span><span class="select2-selection__arrow" role="presentation"><b role="presentation"></b></span></span>

我可以尝试更多设置值

1 个答案:

答案 0 :(得分:0)

您需要手动触发更改事件。 取自https://select2.github.io/examples.html

 $("select[name$=deptId]").val(deptId).trigger("change")