YUI自动完成编辑问题

时间:2017-06-19 14:13:49

标签: javascript autocomplete yui yui3

我正在创建一个webform,并且需要一个带有自动完成功能的te​​xtarea,它来自我创建的街道列表。我一直在使用YUI3自动完成小部件并且它一直运行良好,但我似乎无法回到之前的单词并使用自动完成下拉事件将其更改为另一个单词。如果有人知道解决方案,我将非常感激。< / p>

编辑:添加以下代码。 示例:操作到 State St 的常规路线然后向右转。因此,如果我只删除State St并尝试将其更改为Lake St,则建议下拉列表不起作用。 JSFiddle

<textarea class="form-control" rows="8" id="rerouteInstruct0" spellcheck="true"  placeholder="EX. Operate regular route to State St and Lake St (turn right)"></textarea>

//Javascript for YUI below
loadTheStreets(); //loads a list of streets from the server
//adds autocomplete function to reroute instruction field
YUI().use('autocomplete', 'autocomplete-highlighters', 'autocomplete-
filters', function (Y) {
Y.one('body').addClass('yui3-skin-mine');
Y.one('#rerouteInstruct0').plug(Y.Plugin.AutoComplete, {
    resultHighlighter: 'startsWith',
    resultFilters: 'startsWith',
    queryDelimiter: ' ',
    source: streetList[0]
  });

});
YUI().use('autocomplete', 'autocomplete-highlighters', 'autocomplete-
filters', function (Y) {
Y.one('body').addClass('yui3-skin-sam');
Y.one('#rerouteInstruct0').plug(Y.Plugin.AutoComplete, {
    resultHighlighter: 'startsWith',
    resultFilters: 'startsWith',
    queryDelimiter: '\n',
    source: streetList[0]
  });
});  

0 个答案:

没有答案