Question

我猜我需要JS来做这件事，但情况就是这样。

我的表单中有以下输入框：

<%= f.input :goal_text  %>

我还有这个链接：

<%= link_to "Sign up with Facebook", "http://local.ngrok.com/auth/facebook?g_text=hardcoded" %>

我想要发生的是，当点击链接时，在链接中设置了goal_text中的当前值。因此，如果用户在文本框中键入“this is it”然后单击该链接，它将重定向到：

"http://local.ngrok.com/auth/facebook?g_text=this is it"

Answer 1

您可以这样做：

$('#goal_text').change(function() {
  var goal_text = $('#goal_text').val();
  $('a').attr("href", "http://local.ngrok.com/auth/facebook?g_text="+goal_text);
});

http://jsfiddle.net/dnzGt/

Answer 2

使用jQuery，你可以很容易地做到这一点。给定输入框和链接上的ID（model_goal_text - 您需要在link_to＆lt;％= link_to上添加一个“注册”，“http://local.ngrok ...”，ID：'signup_link'％＆gt;

    $('#model_goal_text').change(function() {
        $('#signup_link').attr("href", 'http://local.ngrok.com/auth/facebook?g_text=' + encodeURIComponent($('#model_goal_text').val());`
    });

替换上面模型的名称（或右键单击并检查元素以查看输入框的ID是什么）。

在提交之前复制表单输入字段的值

2 个答案: