Javascript 在自动完成搜索栏中显示来自数组的名称

我正在尝试使用字符串

remedyName

从表

rememy

自动完成搜索栏

这是我在

\pages\home.html.erb

 $(function() {
    var availableTags = "<%= @remedies_remedyName%>";

    $( "#autoComplete" ).autocomplete({
      source: availableTags
    });
  });

这是

/pages/home

<div class="carousel-caption searchbar">                
<form class="search" action="/pages/searchremedy" method="get">
  <input id="autoComplete" class="searchTerm" name="searchremedy"  placeholder=" Search by treatment type, or tell us what you'd like to treat..." />
  <input class="searchButton" type="submit" placeholder="Search" />
</form>
</div> 

---

您正在将Ruby变量

@remedyName

打印到javascript中。看起来您没有定义此实例变量

var availableTags = "<%= @remedies_remedyName%>";

var availableTags=“”；

将js代码更新为以下内容：

var availableTags = "<%= raw(@remedies.map(&:remedyName)).html_safe %>";

var availableTags=“”；

注意：我假设您的

remedine

表中有一列名为

remediname

。

请尝试以下操作：

var availableTags = <%= @remedies.pluck(:remedyName) %>;

var availableTags=；

试试看。这会对你有帮助的。谢谢你的建议，我昨天已经把它全部安装好了，但似乎不起作用。当我有一个已定义的静态数组时，自动完成就可以了，除了从我的表中调用一个数组之外，我只想做同样的事情。粘贴/pages/searchremedy操作的代码。在我看来，您正在尝试将Ruby数组输出为Javascript中的数组。如果是这样的话，你应该以这种方式发布一个问题。@ChakreshwarSharma/pages/search补救措施是一个单独的操作。这是一种基于键入并提交的补救措施来搜索内容的方法。我原以为这样做可以，但仍然不起作用！是的，你是对的，remedyName是一个专栏。我刚刚试过，效果很好。请把这行从渲染页面粘贴到这里。哦，是吗？哪一行？这一行-

var availableTags=

。是否要求将数组输出到某个位置以查看其中的内容？我是JS新手，所以我不知道该怎么做？

var availableTags = <%= @remedies.pluck(:remedyName) %>;