复制表单输入字段'提交前的s值

Copy form input field's value before submission

本文关键字：提交 表单 输入 字段 复制      更新时间：2023-09-26

我想我需要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"

以下是您可以做到的方法：

$('#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/

使用jQuery，您可以非常轻松地完成这项工作。给定输入框和链接上的ID（model_goal_text-您需要在链接上添加一个ID以<%=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是什么）。

相关文章：