Select-DropDownList通过Javascript实现模糊搜索

最新推荐文章于 2021-06-03 10:45:59 发布
原创 最新推荐文章于 2021-06-03 10:45:59 发布 · 1.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

该博客介绍了如何利用JavaScript为ASP.NET中的DropDownList控件添加模糊搜索功能。通过示例代码展示了如何在HTML和JS中设置，点击搜索按钮时触发模糊搜索并更新DDL选项。

 html


<asp:DropDownList runat="server" CssClass="addddl180" ID="ddlOrderType">

                                                </asp:DropDownList>
                                                运营商：<input name="txtOperatorKeyWord" type="text" id="txtOperatorKeyWord" class="addinpu160" />

                                <input name="btnSearchOperator" onclick="SetOperatorSelect();" class="tbtn" type="button" value=" 搜索 " />

<select id="ddlTemp" style="display:none"></select>



js


        function SetOperatorSelect
最低0.47元/天 解锁文章
JavaScript与下拉列表（DropDownList）的区别分析
TechNovaX的博客
10-03 172
通过JavaScript，我们可以实现更复杂的操作和动态效果，以及监听下拉列表的变化并执行相应的操作。我们可以使用JavaScript动态地添加、删除和修改下拉列表的选项，以及根据用户的选择执行相应的操作。JavaScript是一种用于网页开发的脚本语言，而下拉列表（DropDownList）是一种HTML元素，用于在网页中创建可选择的选项列表。相比之下，下拉列表是HTML的一部分，几乎所有的现代浏览器都支持下拉列表的渲染和基本功能。下拉列表是HTML的一部分，用于在网页中创建可选择的选项列表。
DropDownList模糊查询
11-09
好看又实用的下拉框模糊查询，Jquery实现的，方便操作数据
对绑定的下拉列表Dropdownlist，可以进行搜索
05-02
可以对下拉列表进行搜索，特别是下拉列表（大量数据）
JS实现模糊查询带下拉匹配效果
12-29
“搜索”可以使我们更快的找到某一个关键词或者某一个商品，所以“模糊查询”和“下拉匹配”也成了前端必备的一个小技能，开门见山，希望对朋友们有帮助。 —搜索框模糊查询带下拉匹配效果html— <!------------搜索框模糊查询带下拉匹配效果html----------------------> <form action=# method=post name=searchform id=searchform class=searchinfo>
asp:DropDownList 实现下拉框模糊查询(内容详细，粘贴可用)
zlluzl的博客
05-16 4530
asp:DropDownList 实现下拉框模糊查询(内容详细，粘贴可用) DropDownList 控件通过JS代码实现下拉框模糊查询功能，希望能帮到你！ aspx 页面代码 <%-- 引用下拉模糊查询（具体使用时可以调整width、height、top的值,适应自己的项目） --%> <div style="position: relative;"> <%-- 输入框（页面显示）：输入、下拉模糊查询--%> <asp:TextBox ID
DropDownList 实现模糊查询
tanxd137的专栏
07-14 6786
首先引用 AJAX 声明放置                然后    Red    Green    Blue    Yellow    Magenta    Violet    Indigo    Orange    Oan
JS实现DropDownList的通用查询
weixin_30747253的博客
10-07 174
前阵子同事帮忙写了一个通用查询(JS实现DropDownList),今天有空了看了下代码,挺简单,但挺实用.现分享如下. 一.效果如下： 1. 2.点测试按钮后进入查询页面 3.输入"上海" 点查询 看到如下界面 4.选取"上海机场集团公司" 双击 看到最终效果 二.代码 查询前台代码： View Code <...
下拉框变成下拉模糊搜索框
07-25
目前的下拉框dropdownlist、select就是简单的选择，如果遇到内容过多会很难找出想找的选项，我用简单的js文件将现在的下拉框改成下拉模糊搜索框，支持汉字拼音首字母模糊匹配和字符串字串匹配，本代码的强大在于扩展...
Select下拉框模糊查询功能实现代码
12-10
下面将详细解释如何通过JavaScript实现这样一个功能。 首先，我们需要一个HTML结构来承载下拉框和相关的元素。这里的关键代码包含了一个`<SELECT>`标签（通常用于创建下拉框）和一个`<INPUT>`标签（用户输入查询...
使用select2实现下拉列表动态模糊查询
09-28
这时，我们可以借助第三方库，如Select2，来实现更高级的功能，比如动态模糊查询。Select2 是一个强大的jQuery插件，它提供了美观且可自定义的下拉列表，支持搜索、多选、分页等特性。 **1. Select2 的安装与引入**...
asp.net中用dropdownList实现查询功能代码
踏雪留痕的专栏
08-08 2145
string stype = ddlType.SelectedItem.Text;             string strsql = "";             switch (stype)             {                 case
DropDownList即可输入也可选择
08-02
实现了DropDownList 即可输入也可选择的功能，经测试：兼容IE、FireFox，非常实用。
使用js添加DropDownList的项
01-22
如果在服务器端对一个服务器端控件（如DropDownList）进行绑定后，起状态将被保存；在客户端对DropDownList（Select）赋值时，不会保存状态。当你执行提交时，会将页面发送至服务器端，通过Page_Load事件处理，在返回到请求的页面。由于没有保存状态，所以列表被清空。之后才会执行按钮提交的事件，当然也就取不到值了。所以，有两个解决的办法。一、该页面不向服务器端提交页面，你可以通过请求其他页面，将返回值通过javascript来控制和输出。二、在提交页面之前，实现将要取的值存入一个<input type="hidden" />中（保存状态）。这样，就能保证取到你需要的值，当然，那个列表还是空的，除非为Select的每一个Option都保存一个状态（那是很没必要的）。 希望我的这些经验和解决方法对你们有用！
利用js给DropdownList赋值实例
12-13
话不多说，请看下面代码 var row = [{ "code": "1", "model": "APOLLO" }, { "code": "2", "model": "APOLLO M/B1"}]; for (var i = 0; i < row.length; i++) { 　　var addOption = document.createElement("option"); 　　addOption.text = row[i]["model"]; 　　addOption.value = row[i]["model"]; 　　document.getElementById("ddlModel
下拉框 支持模糊查询
morley_wang的专栏
06-27 4100
xSelectList Demo 下拉列表控件演示 基于select生成 Item1 Item2 Item3 Item11 Item22 Item33 Item4 Item44 Item4 Item44 Item4 Item44aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa a aa ap app
js操作DropDownList大全
wzjemb的专栏
07-15 1307
一：js 设置DropDownList选中某项 1.根据Value值设置选中某项    例子如下： HTML代码： view plaincopy to clipboardprint? asp:DropDownList ID="ddlFolder" runat="server" SkinID="ddlSkin" AutoPostBack="false" OnSelecte
html下拉菜单模糊查询,下拉框模糊查询
weixin_42489917的博客
06-03 1631
转载https://blog.youkuaiyun.com/zzq900503/article/details/72382241我们在上篇文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架，在此基础上记录select2的使用。应用bootstrap模板基础项目源码下载地址为:SpringMVC+Shiro+MongoDB+BootStrap基础框架我们在基础项目中已经做好了首页i...
jquery dropdownlist.js
weixin_33797791的博客
01-31 59
$.fn.extend({ SetDict: function (option) { var txtControl = $(this); if (!txtControl.hasClass("combo-text")) { // var width = txtControl.width(); //txtControl.addClass("combo"); } txtContro...
可输入的dropdownlist+服务器端的数据
Megres的专栏
01-19 1397
   在把桌面程序改为 web程序时， 原来程序中用到的一个Infragistics的控件，既能输入又能下啦，下拉显示为一个table, 虽然Infragistics也提供了这样的web control, 但在使用过程中出现了一些bug。设置也比较繁琐。于是只好自己写了。    不过没有写成控件，通用性比较差    1。在服务器端将可选择的值导在一个datagrid中， 设置这个datagrid的
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值