提交前复制表单输入字段的值答案

【问题标题】：Copy form input field's value before submission提交前复制表单输入字段的值
【发布时间】：2013-12-17 21:19:22
【问题描述】：

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

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

<%= f.input :goal_text  %>

下面还有这个链接：

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

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

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

【问题讨论】：

是的，你需要javascript
好的，至少可以确认一下。对 JS 解决方案有任何帮助吗？我的大脑只在 ruby 中工作。

标签： javascript ruby-on-rails forms

【解决方案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/

【讨论】：

【解决方案2】：

使用 jQuery，您可以很容易地做到这一点。给定输入框和链接上的 ID (model_goal_text - 您需要在 link_to http://local.ngrok...", id: 'signup_link' %>

上添加一个

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

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

【讨论】：

感谢工作。认为上面有一些缺少的引号和括号。