js实现下拉框模糊查询

keyup方法触发模糊查询

list : Array<any> //下拉列表所有内容
filtList:Array<any> //过滤后的内容
inputContent : string  //输入的内容

方法一,filter()遍历:
filtList = list.filter(data => {
    return data && data.toString().indexOf(inputContent)!==-1
})

方法二,for循环:
for(const data of list){
    if(data.toString.indexOf(inputContent ) !== -1){
        filtList.push(data)
    }
}

原文地址:https://www.cnblogs.com/Fourteen-Y/p/8602591.html

时间: 2024-10-12 22:37:25

js实现下拉框模糊查询的相关文章

C#---ASP页面的下拉框模糊查询功能

基础方法支持: 一. DataTable 转换成 Json 换句话说如何在ASP.NET将一个DataTable序列化为 Json数组,或者如何从一个DataTable返回一个Json字符串. 使用 JavaScriptSerializer. 首先我们添加System.Web.Script.Serialization命名空间,如下: using System.Web.Script.Serialization; JavaScriptSerializer这个类是由异步通信层内部使用来序列化和反序列化

基于bootstrap selectpicker ,实现select下拉框模糊查询功能

1.html代码块 需要引入bootstrap的css js jquery bootstrap.css bootstrap-select.min.css jquery-1.11.3.min.js bootstrap.min.js bootstrap-select.min.js <select class="selectpicker show-tick" style="outline: none;width:200px;" data-live-search=&q

用JS让下拉框改变网页背景颜色

<HTML> <HEAD> <TITLE>石家庄渣浆泵配件</TITLE> </HEAD> <SCRIPT> <!-- function bgChange(selObj) { newColor = selObj.options[selObj.selectedIndex].text; document.bgColor = newColor; selObj.selectedIndex = -1; } //--> </SC

Jquery+Ajax下拉框级联查询

Jquery代码 <script type="text/javascript">          $(function(){ //提交事件           $("#ImageButton1").click(function(){ //省Id        var provinceId=$("#selProvince").val(); //市Id        var cityId=$("#selCity").

Java Swing应用程序 JComboBox下拉框联动查询

在web项目中,通过下拉框.JQuery和ajax可以实现下拉框联动查询. 譬如说,当你查询某个地方时,页面上有:省份:<下拉框省份> 市区:<下拉框市区> 县乡:<下拉框县乡> 街道:<街道下拉框> 查询 譬如说,你选择了省:江苏省,那么在市区中只会显示江苏省的市区 譬如:(网上的图) 具体详细实现可以参考,写得挺好的:http://blog.csdn.net/sinat_24491773/article/details/50810471 那么在swing

Js获取下拉框选定项的值和文本

Js获取下拉框的值和文本网上提供了2种方法:但有些人很不负责任,他们根本没考虑到浏览器之间的差异导致的错误,导致很多新手琢磨了半天找不出错误! 下面我总结下Firefox和IE下获取下拉框选定项的值和文本: 1. IE和Firefox都支持的方法: 获取文本 var obj=document.getElementById('select_template'); var text=obj.options[obj.selectedIndex].text;//获取文本 var obj=document

js设置下拉框选中后change事件无效解决

下拉框部分代码: <select id="bigType"> <option value="">请选择</option> <option value="1">xiamen</option> <option value="2">beijing</option> </select> <select id="smallTy

基于ecshop 下拉框模糊匹配的集成

步骤 1. 下载文件包 http://download.csdn.net/detail/xiawu1990/8427243 并且解压 2. 将 dropbg.gif 放到 admin/images 目录下 3. 将 searchbox.js 放到 admin/js 目录下 4. 将styles.css放到 admin/styles 目录下 5. 将 <link href="styles/styles.css" rel="stylesheet" type=&qu

快速解决js开发下拉框中blur与click冲突

在开发中我们会经常遇到blur和click冲突的情况.下面叙述了开发中常遇到的"下拉框"的问题,并提供了两种解决方案. 一.blur和click事件简述 blur事件:当元素失去焦点时触发blur事件:其为表单事件,blur和focus事件不会冒泡,其他表单事件都可以.click事件:当点击元素时触发click事件:所有元素都有此事件,会产生冒泡. 示例1:blur事件为表单事件 1 2 3 4 5 6 7 8 9 10 11 12 13 <input type="te