.NET兼职社区
select2
依赖jquery
JS直接去官网下载:https://select2.org/getting-started/basic-usage或者https://www.bootcdn.cn/
<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %><asp:Content ID="BodyContent" ContentPlaceHolderID="MainContent" runat="server"><script src="Scripts/jquery-3.4.1.min.js"></script><link href="Scripts/select2.min.css" rel="stylesheet" /><script src="Scripts/select2.min.js"></script>水果: <asp:DropDownList ID="SelectSecondParty" runat="server" Width="300px"></asp:DropDownList><script>$(document).ready(function () {$('#MainContent_SelectSecondParty').select2();});</script></asp:Content>
后台代码 初始化点数据:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;namespace WebApplication1
{public partial class _Default : Page{protected void Page_Load(object sender, EventArgs e){// 添加水果到DropDownListSelectSecondParty.Items.Add(new ListItem("苹果", "Apple"));SelectSecondParty.Items.Add(new ListItem("香蕉", "Banana"));SelectSecondParty.Items.Add(new ListItem("樱桃", "Cherry"));SelectSecondParty.Items.Add(new ListItem("葡萄", "Grape"));SelectSecondParty.Items.Add(new ListItem("柠檬", "Lemon"));SelectSecondParty.Items.Add(new ListItem("芒果", "Mango"));SelectSecondParty.Items.Add(new ListItem("橙子", "Orange"));SelectSecondParty.Items.Add(new ListItem("桃子", "Peach"));SelectSecondParty.Items.Add(new ListItem("梨", "Pear"));SelectSecondParty.Items.Add(new ListItem("菠萝", "Pineapple"));SelectSecondParty.Items.Add(new ListItem("草莓", "Strawberry"));SelectSecondParty.Items.Add(new ListItem("西瓜", "Watermelon"));}}
}
效果截图: