如何在javascript中设置select2下拉列表的selectedindex

时间:2017-02-02 08:15:39

标签: javascript asp.net jquery-select2 select2

我有一个asp.net下拉列表,我在其页面中添加了select2和一个清除按钮。当我点击清除按钮时,我希望能够在零索引处设置选项。以下是代码:

如果我删除了select2部分,我可以使用“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;" />

3 个答案:

答案 0 :(得分:0)

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

然后在脚本中尝试...

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

$('#ddlPatients')。select2()。select2('val','0');

答案 1 :(得分:0)

使用

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

而不是

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

您在一个地方使用ddlPatients.ClientID,但在其他地方硬编码ID。

答案 2 :(得分:0)

如果更改基础get 'pricing/:level', :to => 'welcome2#pricing', as: "package_signup" 元素的值,则需要触发其class Welcome2Controller < ApplicationController def pricing @package_signup = package_signup.find('bronze') end end 事件,以使Select2控件更新自身以匹配。

<a href="<%= link_to 'package_signup bronze', package_signup_path(@package_signup) %>"><button class="btn btn-success">Get Started</button></a>

或者:

<select>