为什么从link_to返回后：remote => true整个表单被提交？

Question

我有一个形式的动作即 1）选择从一个列表框 2的产品）调用返回产品的许多物品如何在不同仓库

这是使用的link_to用做可用的遥控器动作：远程=>真

<div id="products"></div> 
    <%= link_to 'Search product', "#", class: 'get_product', :remote => true %> 

再就是是JavaScript

$('form').on('click', '.get_product', function(event) { 
    var url; 
    url='/recipes/get_product_list'; 
    url += '/' + $('#recipe_product_id').val(); 
    $.get(url, $(this).serialize(), null, "script"); 
    return event.preventDefault(); 
}); 

我有.js.erb模板和正确的值被返回在.html.erb部分。

问题是，返回部分后，页面完全重新加载，我不希望这样。

这是怎么发生的？ 我也试图找出如何调用link_to与整个网址，而不是使用“＃”和jquery，但在这种情况下，我不知道如何将值传递给link_to助手中的选择字段。

Answer 1

在你的表单标签，把这个

<form onsubmit="return false;"> 

没有看到你的HTML表单，这是很难说为什么发生这种情况，但我认为get_product按钮提交表单和click处理程序调用功能。