input 模糊匹配功能文本框模糊匹配(纯html+jquery简单实现) demo

素颜马尾好姑娘i 2022-05-12 11:40 189阅读 0赞

input 模糊匹配功能 文本框模糊匹配(纯html+jquery简单实现) demo

<!DOCTYPE HTML>
    <html lang="en">
    <head>
    
        <meta charset="utf-8">
    
        <meta name="viewport" content="width=device-width, initial-scale=1">
          <title> input 模糊匹配功能</title>
    
        <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    
        <link rel="stylesheet" href="http://jqueryui.com/autocomplete/resources/demos/style.css">
    
        <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    
        <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    
        <script> $(function () { var availableTags = [ {label: "Chinese", value: "1"}, {label: "English", value: "2"}, {label: "Spanish", value: 3}, {label: "Russian", value: 4}, {label: "French", value: 5}, {label: "Japanese", value: 6}, ]; $("#tags").autocomplete({ source: availableTags, select: function (event, ui) { // 这里的this指向当前输入框的DOM元素 // event参数是事件对象 // ui对象只有一个item属性，对应数据源中被选中的对象 console.log( ui.item.label); console.log( ui.item.value); $(this).value = ui.item.label; ui.item.value = ui.item.label ; // 必须阻止事件的默认行为，否则autocomplete默认会把ui.item.value设为输入框的value值 // event.preventDefault(); } }); }); </script>
    </head>
    <body>
    <div class="ui-widget">
          <label for="tags">输入内容: </label>
          <input id="tags">
    </div>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，189人围观）

还没有评论，来说两句吧...

相关阅读

相关 redis模糊匹配搜索

edis的模糊检索有两种方式： 1、使用keys 通配符 \* ？ \[\] 其匹配的字符跟一般的正则一样。 keys a\* 可以匹配以a开头的字符串。 ke...

╰半橙微兮°/ 2024年04月18日 11:02/ 0 赞/ 64 阅读

相关 Lua 捕获捕捉模糊匹配

捕获捕获是这样一种机制：可以使用模式串的一部分匹配目标串的一部分。将你想捕获的模式用圆括号括起来，就指定了一个捕获。在string.find使用捕获的时候，函

àì夳堔傛蜴生んèń/ 2022年09月26日 03:07/ 0 赞/ 366 阅读

相关 Ext combobox 动态模糊匹配

Ext中的combobox有属性typeAhead：true 可以实现模糊匹配，但是是从开始匹配的，如果需要自定的的匹配，则需要监听beforequery方法，实现自己的匹配查

灰太狼/ 2022年08月20日 04:19/ 0 赞/ 161 阅读

相关 Redis模糊匹配删除key

转载：https://www.cnblogs.com/wenbronk/p/6726220.html 前几天需要一个模糊删除redis中key的功能, 没有多想,

矫情吗；*/ 2022年05月24日 02:19/ 0 赞/ 338 阅读

相关模糊匹配——if语句中模糊匹配长度太长怎么办？

开发中遇到了这样一个问题， 1、有300台设备请求服务器，请求时携带设备id过来 2、根据设备id判断，如果设备 id是 N1 ~ N50 那么我要干什么事，如果是其它设备

蔚落/ 2022年05月20日 01:45/ 0 赞/ 233 阅读

相关 Redis Demo系列之(二)模糊匹配

前言经常需要使用模糊匹配Redis内keys，模糊匹配Redis内的`keys`可以通过2种方式: keys scan 但是值得注意的是，这两

骑猪看日落/ 2022年05月18日 00:09/ 0 赞/ 187 阅读

相关 input 模糊匹配功能文本框模糊匹配(纯html+jquery简单实现) demo

input 模糊匹配功能文本框模糊匹配(纯html+jquery简单实现) demo <!DOCTYPE HTML> <html lang="en">

素颜马尾好姑娘i/ 2022年05月12日 11:40/ 0 赞/ 190 阅读

相关 redis-redisTemplate模糊匹配删除

前几天需要一个模糊删除redis中key的功能, 没有多想, 直接　　　　　　　　String key = "noteUserListenedPoi\"; redi

港控/mmm°/ 2022年03月08日 04:22/ 0 赞/ 346 阅读

相关 ElasticSearch 给简单对象做模糊匹配

ElasticSearch 给简单对象做模糊匹配创建索引创建数据结构存储数据模糊匹配运行结果截图

爱被打了一巴掌/ 2021年09月29日 00:14/ 0 赞/ 423 阅读

相关 Jquery 模糊匹配ID

\[属性名称\] 匹配包含给定属性的元素 \[att=value\] 匹配包含给定属性的元素 (大小写区分) \[att\=value\] 模糊匹配 \[att!=

比眉伴天荒/ 2021年06月24日 13:59/ 0 赞/ 556 阅读