Как установить selectedindex из выпадающего списка select2 в javascript

Question

У меня есть раскрывающееся меню asp.net, для которого я добавил select2 и кнопку clear на моей странице. Когда я нажимаю кнопку «Очистить», я бы хотел установить опцию с нулевым индексом. Ниже приведен код:

Если удалить ВЫБ.2 часть, я в состоянии очистить выпадающий список с "ddlPatient.selectedIndex = 0;"

$(document).ready(function() { debugger; $("[id$=ddlPatients]").select2(); }); 

function btnClear_Click() { 
    debugger; 
    var ddlPatient = document.getElementById("<%=ddlPatients.ClientID %>"); 

    ddlPatient.selectedIndex = 0; 
} 

<asp:DropDownList ID="ddlPatients" runat="server"></asp:DropDownList> 
<asp:Button ID="btnClear" runat="server" CssClass="btn btn-info" Text="Clear" OnClientClick="btnClear_Click();return false;" /> 

Answer 1

<asp:DropDownList ID="ddlPatients" runat="server" ClientID="”Echo”" ClientIDMode="Static"/> 

Затем в сценарии попробовать ...

var $ddlPatients = $("select[name$=ddlPatients]"); 
$('#ddlPatients').select2('val', '0'); 

или

$ ('# ddlPatients'). Select2(). Select2 ('val', '0');

Answer 2

Использование

$(document).ready(function() { debugger; $("[id$=<%=ddlPatients.ClientID %>]").select2(); }); 

вместо

$(document).ready(function() { debugger; $("[id$=ddlPatients]").select2(); }); 

Вы используете ddlPatients.ClientID в одном месте, но жесткий код идентификатор somehwere еще.

Answer 3

Если вы измените значение базового элемента <select>, вам необходимо вызвать его событие change, чтобы заставить элемент Select2 обновить себя для соответствия.

document.getElementById("<%=ddlPatients.ClientID %>"); 

ddlPatient.selectedIndex = 0; 

$(ddlPatient).change(); // Trigger the change event. 

Или:..

$("<%=ddlPatients.ClientID %>").prop('selectedIndex', 0).change();