jquery 自动完成搜索输入

狐女
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> 
... 
<div id="search">
      <form method="get" action="{% url 'main:home' %}">        
        <input type="text" name="q" placeholder="Поиск по сайту" value="{{ request.GET.q }}"> 
        <input id="input_id" type="submit" value="Найти">                 
      </form>
</div>
... 
<script> 
$('#search input[name="q"]').autocomplete({ 
  'source': '{% url "main:home" %}', 
  'minLength': 2, 
//  'appendTo': "#input:last"   
}); 
</script>

图片如果我按下自动完成,自动完成会删除先前的输入值,先前的值会消失。我尝试在注释掉的版本中在行尾添加,但这不起作用。需要替换最后一个未完成的单词

狐女
$('#search input[name="q"]').autocomplete({ 
  'source': '{% url "main:home" %}', 
  'minLength': 2,    
  'appendTo': "#search"   
}).on( "autocompleteselect", function(event, ui) {
  event.preventDefault();
  var words = this.value.split(' ');
  words[words.length - 1] = ui.item.value;
  this.value = words.join(' ');
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何将jQuery自动完成附加到输入元素

搜索框中的Ajax / jQuery自动完成功能(Shopify)

jQuery自动完成输入密钥问题

Bootstrap输入字段中的样式jQuery自动完成

jQuery自动完成(devbridge)lookupFilter可搜索多个属性

PHP的jQuery自动完成与动态输入字段?

如何在JQUERY中过滤搜索输入以显示正确的自动完成功能?

jQuery自动完成搜索并以编程方式选择

jQuery自动完成过滤器表的输入字段

jQuery自动完成设置隐藏的输入值

选择时的jQuery自动完成清除输入

jQuery自动完成无结果时插入Google Maps自动完成输入

将排序或搜索设置添加到JQuery自动完成?

jQuery UI自动完成-在KEYDOWN / KEYUP之后访问输入的搜索词

jQuery自动完成功能不将结果限制为输入控件中的搜索值

jQuery mobile自动完成功能,在搜索时显示消息

jQuery自动完成和复制的输入字段

jQuery自动完成搜索不对多个键值对进行排序

jQuery UI自动完成搜索结果不显示

使用Ajax请求作为源数据的Jquery自动完成搜索

jQuery:在输入集中填充自动完成功能

使用jquery-ui自动完成搜索-不起作用

如何向Jquery自动完成功能添加搜索按钮

如何使用jQuery自动完成功能来搜索特定记录而忽略在输入框中输入的顺序词

jQuery-将搜索延迟到输入完成

为什么 jQuery 自动完成输入会因 runat 中断?

Jquery自定义自动完成按类别或标签搜索

基于其他自动完成输入的 jQuery 自动完成选项

Jquery 自动完成 - 在多个输入字段中添加值