我想我需要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是什么)。