简单的搜索功能

最新推荐文章于 2024-08-08 07:20:10 发布

耳东二丰一心

最新推荐文章于 2024-08-08 07:20:10 发布

阅读量365

点赞数 1

文章标签： js

本文链接：https://blog.csdn.net/qq_38354883/article/details/82253022

版权

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div>
        <input id="button" type="type" value="" onblur="schoolChooseInput()"/>
    </div>
</body>
http://libs.baidu.com/jquery/2.0.0/jquery.min.js">>
    <script>
        var json = {
             "1": "成都师范",
            "2": "北京",
            "3": "成都大学"
            }
        //检索学校
        function select(data, fn) {
              if (typeof data !== 'object') { return }
                  let _keys = Object.keys(data), _f = true
                  for (let i in data) {
                        let x = fn.bind(data[i])(i, data[i], _keys.indexOf(i))
                        if (x === true) {
                            continue;
                        } else if (x === false) {
                        _f = false
                        break;
                    }
                  }
              return _f
        }
        //输入事件
       function schoolChooseInput() {
        let self = this;
        let val = $("#button").val(), a = [], reg = new RegExp('^(\s|[\\u4E00-\\u9FFF])+$'), data = json;
        let _school = val
        if (val && val.length > 1 && val.length <= 50) {
          select(data, function (i, item) {
            var f = true, w = reg.test(val) ? val.split('') : [val];
            select(w, function () {
              if (item.indexOf(this) < 0) {
                f = false;
                return false
              }
            });
            f && a.push({ id: i, value: item, content: item });
            if (a.length >= 30) {
              return false
            }
          });
        }
        if (a.length > 0) {
          a = a.sort(function (a, b) {
            return a.content.length - b.content.length
          })
        }
        val.length > 1 && a.unshift({ id: 'custom', value: val, content: val + '(如果没有检索到该学校,点击输入成功)' });
        if (_school !== val && _school !== null) {
          _school = null
          return
        }
      }
    </script>
</html>