使用 asp.net 从后面的代码中获取 Jquery 的 Select2 的多个选定值

Posted 2023-05-07

【中文标题】使用 asp.net 从后面的代码中获取 Jquery 的 Select2 的多个选定值

【英文标题】：Get multiple selected values of Jquery's Select2 from code behind using asp.net

【发布时间】：2016-08-05 18:59:17

【问题描述】：

我将 Select2 与后面的 asp.net 代码结合起来以获取值。现在我也想使用后面的代码来获取所有选定的值。但我无法让它工作。这是我的 html 代码

<div class="form-group">
   <label>Multiple</label>
   <select class="form-control select2" id="ddLokasi" multiple="true" 
           runat="server" data-placeholder="Pilih Lokasi" style="width:100%;">
  </select>
</div>

如您所见，我设法让 Select2 在我的网络上运行。 这是屏幕截图：http://i.stack.imgur.com/vSccJ.jpg （抱歉我无法嵌入图片）

现在我想将我已经选择的所有值放入一个数组中。如何在使用 asp.net VB 的代码中做到这一点？

谢谢

【参考方案1】：

在你的代码隐藏中做这样的事情：

  For i As Integer = 0 To ddLokasi.Items.Count
            If (ddLokasi.Items(i).Selected)
                //Get values
                //ddLokasi.Items(i).Value
            End If
    Next

更新

Dim listOfValues AS List(Of String) = new List(Of String)
        For Each item As ListItem In ddLokasi.Items
            If item.Selected Then
                listOfValues.Add(item.Value)
            End If
        Next

【讨论】：

您的代码不起作用。我无法获得选定的值。

【参考方案2】：

您可以简单地使用 jQuery 的val() 函数来获取选定的值see docs。

Select2 会将选中的选项序列化成一个数组，数组中的键就是选中的值。

非常欢迎您在这里查看一个简单的示例：http://jsfiddle.net/42o2a37f/1/

当你在客户端有这个数组时，你可以使用任何数据提交方式将这个数组传递给服务器端。

【讨论】：

你的代码也可以。但我试图从后面的代码中做到这一点。谢谢您的答复。 :)