javascript - 搜索自动完成 rails 4

Question

JS:

<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中:

<%= 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%>

我只想使用文本框进行搜索，而不使用任何按钮。现在我正在从文本框中获取所有值。但问题是，当我选择任何标签时，它应该搜索包含该标签的所有服务请求。我怎样才能做到这一点？

Answer 1

您只需向表单添加事件监听器，以便每当用户选择任何标签时，表单都会自动提交。

var availableTags = [
  "NSDL",
  "CDSL",
  "ROCA",
  "NSE",
  "SEBI"      
];
$( "#search" ).autocomplete({
  source: availableTags,
  select: function(event, ui){
        $('#search').val(ui.item.value)
        $('#search_form').submit()
  }
});

Jquery 自动完成插件提供选择回调，每当选择标签时都会自动调用该回调。因此，请提交您的搜索表格。我假设您的搜索表单的 id 为“search_form”。请将其替换为您应用于表单的 ID。