aspx页面 ASP.NET Web Forms中的DropDownList添加搜索功能使用select2

server/2024/11/15 6:09:26/

.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"));}}
}

效果截图:
在这里插入图片描述


http://www.ppmy.cn/server/16759.html

相关文章

Error opening file a bytes-like object is required,not ‘NoneType‘

错误显示&#xff0c;打开的是一个无效路径的文件 查看json文件内容&#xff0c;索引的路径与json文件保存的路径不同 方法&#xff1a;使用python脚本统一修改json文件路径 import json import os import argparse import cv2 from tqdm import tqdm import numpy as np impo…

SpringCloud之负载均衡Ribbon

Ribbon 是一个客户端负载均衡工具&#xff0c;主要功能是将面向服务的Rest模板&#xff08;RestTemplate&#xff09;请求转换成客户端负载均衡的服务调用。通过Ribbon&#xff0c;开发人员可以在客户端实现请求的负载均衡&#xff0c;而无需单独部署负载均衡器。Ribbon支持多…

使用JXLS+Excel模板制作灵活的excel导出

前期一直卡在模板的批注上&#xff0c;改了很多遍的模板批注最终才成功导入&#xff0c;记录下方便以后寻找。 话不多说直接上代码&#xff1a; Report package com.example.jxls.common;import java.io.IOException; import java.io.InputStream; import java.io.OutputStr…

矿山自动驾驶技术点分析

自动驾驶多用于乘用车领域&#xff0c;目前矿山自动驾驶量产落地前景广阔&#xff0c;由于矿山工作环境差&#xff0c;污染严重&#xff0c;而且通常矿区面积大&#xff0c;工作任务单一&#xff0c;场景固定&#xff0c;是一个适合进行自动驾驶落地的场景。 矿山自动驾驶俗称智…

arm架构,django4.2.7适配达梦8数据库

【Python相关包版本信息】 Django 4.2.7 django-dmPython 3.1.7 dmPython 2.5.5 【达梦数据库版本】 DM Database Server 64 V8 DB Version: 0x7000c 适配过程中发现的问题如下&#xff1a; 错误一&#xff1a;d…

Django模型的属性与方法

本节介绍Django模型的属性和方法&#xff0c;以及如何重写之前定义的模型方法等内容。 3.5.1 模型属性 Django模型中最重要的属性就是Manager&#xff0c;它是Django模型和数据库查询操作之间的接口&#xff0c;并且被用作从数据库当中获取实例的途径。如果Django模型中没有…

面试高频:HTTPS 通信流程

更多大厂面试内容可见 -> http://11come.cn 面试高频&#xff1a;HTTPS 通信流程 HTTPS 的加密流程 接下来说一下 HTTPS 协议是如何进行通信的&#xff1a; HTTPS 通信使用的 对称加密 非对称加密 两者结合的算法 HTTPS 通信时&#xff0c;会先使用 非对称加密 让通信双…

DBeaver工具在无网络的情况下连接clickhouse方法

1、问题 1、安装DBeaver后&#xff0c;一般在生产环境下是没有网络的&#xff0c;这就存在一个问题&#xff0c;使用DBeaver去连接clickhouse服务时&#xff0c;是需要下载驱动的&#xff0c;但是没有网络&#xff0c;就不能下载驱动&#xff1b; 2、解决方法 1、首先是在有…