ASP.NET WebForms引入Select2选择框以及传值

引入js和css

<!-- 加载 Jquery -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<!-- 加载 Select2 -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.8/js/select2.min.js"></script>

写一个js在加载完DOM时就初始化select2下拉选择框

<script>
        $(document).ready(function () {
            var selectorx = $('#select2Id').select2({
                placeholder: "Please type or choose",
                placeholderOption: "first",
                allowClear: true
            });
        });
</script>

也可以这样，两者是等价的

 <script type="text/javascript" language="javascript">

        var selectType;

        $(function () {
            selectItem = $("#select2Id");
            initselectItem();
        });

        function initselectItem() {
            selectItem .select2({
                placeholder: "Please Type or Choose",
                placeholderOption: "first",
                allowClear: true
            });
        }
</script>

写一个select2

<select 
    class="form-control"
    id="select2Id"
    name="Select2"
    DataSourceID="Sql_Id"
    DataTextField="typeName"
    DataValueField="typeValue"
    runat="server">
</select>

写一个数据源用来查数据

<asp:SqlDataSource ID="Sql_Id" runat="server" ConnectionString="<%$ ConnectionStrings:xxxxxxx %>"
                        SelectCommand="SELECT * FROM xxxxx"></asp:SqlDataSource>

你如果用过asp.net，这里就不需要我多讲了，没用过就别看了吧，学点啥不好

C#的.cs文件获取select2选中的值和文本

// 这里的select2Id就是select2在aspx文件中的id
string select2Value = select2Id.Value;
string select2Text = select2Id.Items[select2Id.SelectedIndex].Text;