ruby-on-rails - rails3-jquery-autocomplete 在选择时重定向

Question

我正在使用 rails3-jquery-autocomplete gem。它工作得很好，但我不知道如何在选择结果时实现重定向。它现在所做的就是用所选结果的文本填充该字段。谢谢！

Answer 1

当用户在使用 rails3-jquery-autocomplete 时从自动完成列表中选择一个下拉项目时，执行重定向的最佳方式是通过“railsAutocomplete.select”事件，该事件在用户选择其中一个选项时触发.

此处记录了如何执行此操作。这种方法意味着您可以避免编辑 rails3-jquery-autocomplete 代码，并且仅在用户从下拉选项中选择时才导致重定向发生，而不是表单字段的“onChange”，这实际上并不是什么你要。

Answer 2

只需将onChange事件用于更新的文本字段。您可以使用一些简单的 javascript 实现重定向：

window.location = "http://stackoverflow.com"

如果您需要针对不同的值进行不同的重定向，请使用switch：

var location;

switch ( document.getElementById('#my_textfield').value ) {
  case "stackoverflow":
    location = "http://stackoverflow.com";
  case "google":
    location = "http://google.com";
  default:
    location = "http://mysite.com";
}

window.location.href = location;

Answer 3

你可以去 assets 中的 jquery-ui.js 文件，你会发现它被缩小了

去http://jsbeautifier.org让代码看起来更好看

寻找包含这个的行

case e.ENTER:

您会发现它为空白，这是单击 Enter 时将执行的操作，因此将其更改为

case e.ENTER:
 window.location.href = 'yourURL';