从 ASP .Net Web 表单后面的代码获取 Select2 选定值

Question

我对 Select2 V 4.02 有疑问

这是我的代码

<select id="MySelect" class="form-control" runat="server" ClientIDMode="static">
    <option></option>
    <option value="1">A</option>
    <option value="2">B</option>
    <option value="3">C</option>
</select>
<asp:Button Text="Show Select2 Result" runat="server" ID="btnShow" OnClick="btnShow_Click"/>

jQuery:

$('#MySelect').select2({
        placeholder: "-Select-"
});

我的问题是：我可以从后面的 ASP .Net 代码中获取 "MySelect" 选定的值吗？我从 asp .net webform

后面的代码中尝试了这段代码

protected void btnShow_Click(object sender, EventArgs e)
{
    Response.Write(MySelect.Value);
}

但它 returns 空字符串。

Answer 1

您可以像这样使用标准隐藏字段：

<asp:HiddenField ID="hf1" runat="server" />

然后在你的 JavaScript 中：

$('#MySelect').on('change', function () {
   $('#<%=hf1.ClientID%>').val($(this).val());
}

在你后面的代码中：

protected void btnShow_Click(object sender, EventArgs e)
{
    Response.Write(hf1.Value);
}

我希望能为你工作

从 ASP .Net Web 表单后面的代码获取 Select2 选定值

Get Select2 Selected Value From Code Behind ASP .Net Web Form

c#

asp.net

jquery

select2