首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >搜索自动完成rails 4

搜索自动完成rails 4
EN

Stack Overflow用户
提问于 2015-04-27 07:49:02
回答 1查看 362关注 0票数 2

JS:

代码语言:javascript
运行
复制
<script>

$(function() {
    var availableTags = [
      "NSDL",
      "CDSL",
      "ROCA",
      "NSE",
      "SEBI"      
    ];
    $( "#search" ).autocomplete({
      source: availableTags
    });
  });

</script>

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

<link rel="stylesheet" href="/resources/demos/style.css">

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

_index.js.erb

代码语言:javascript
运行
复制
<%= form_tag service_requests_path, method: :get,:id=>"search_form" do %>  
<%= text_field_tag :search , nil, class: 'form-control input-breathe', required: true, placeholder: 'Searching for...', :autocomplete=> :on%><%end%>

我只想搜索文本框,而不使用任何button.Now,我从文本框中获取所有的值。但问题是,当我选择任何标记时,它应该搜索包含此标记的所有服务请求。我该怎么做?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-04-27 08:03:25

您只需将事件侦听器添加到表单中,以便每当用户选择任何标记时,都应该自动提交表单。

代码语言:javascript
运行
复制
var availableTags = [
  "NSDL",
  "CDSL",
  "ROCA",
  "NSE",
  "SEBI"      
];
$( "#search" ).autocomplete({
  source: availableTags,
  select: function(event, ui){
        $('#search').val(ui.item.value)
        $('#search_form').submit()
  }
});

Jquery自动完成插件提供select回调,只要选择标记,就会自动调用该回调。所以请提交你的搜索表格。我假设您的搜索表单有id os ' search _ form‘。请将其替换为您申请的身份证。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/29890022

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档