自动完成jquery与重点折叠和链接

时间:2015-10-27 12:04:27

标签: jquery jquery-ui autocomplete jquery-autocomplete

您好我的页面上有这个自动填充jquery脚本:

power

并且每个人都可以,但我想在此代码中添加重音折叠https://jqueryui.com/autocomplete/#folding

因为,当我在输入框中写字时:
“bata”自动完成显示:巴塔
“baťa”自动完成显示:Baťa

我想要这个:当我在输入框中写字时:
“bata”自动完成节目:Bata,Baťa

感谢名单

1 个答案:

答案 0 :(得分:1)

link内,点击查看来源即可显示用途。

以下是它的工作原理: -

 var source = [ { value: "http://www.bata.com",  
                  label: "Baťa"  
                 },  
                { value: "http://www.bata.com",  
                  label: "Bata"  
                 },  
             ];

var accentMap = {
      "á": "a",
      "ö": "o",
      "ť": "t"
      // ADD MORE HERE
    };

var normalize = function( term ) {
      var ret = "";
      for ( var i = 0; i < term.length; i++ ) {
        ret += accentMap[ term.charAt(i) ] || term.charAt(i);
      }
      return ret;
    }

$("input#autocomplete").autocomplete({  
    source: function( request, response ) {
        var matcher = new RegExp( $.ui.autocomplete.escapeRegex( request.term ), "i" );
        response($.grep(source, function(value) {
            return matcher.test(value.label) || matcher.test(normalize(value.label));
        	}) 
        );
    },
    select: function( event, ui ) {   
        window.location.href = ui.item.value;  
    }  
}); 
<link href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<input id="autocomplete" />