当用户提交时，将一个输入值传递给输入类型隐藏值 - Pass One Input Value Into Input Type Hidden Value When User Submits

Pass One Input Value Into Input Type Hidden Value When User Submits

我有一个简单的表单，如下代码所示。我想将rm_accounts文本框中提交的值附加到URL末尾隐藏的page_confirm输入值。希望这是有道理的。

本质上，如果用户在rm_accounts文本框中输入'123456'，我希望page_confirm的值为http://www.mywebsite.com/index.php?rm_accounts=123456

<form name="signup" method="post" action="https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp" >
    <input type='text' name='rm_accounts' value='' />
    <input type="hidden" name="page_confirm" value="http://www.mywebsite.com/index.php?rm_accounts=">
    <input type="submit" name="Submit" value="Submit" >
</form>

我们非常感谢所有的帮助。谢谢

使用Jquery focusout事件更新隐藏字段值

当用户输入12345并将焦点从文本框中移开或单击提交（或任何位置）时，将执行以下代码并更新隐藏字段的值。

$('input[type=text]').focusout(function(){
$('input[type=hidden]').val("http://www.mywebsite.com/index.php?rm_accounts="+$('input[type=text]').val());
    console.log($('input[type=hidden]').val());
});

或在提交按钮中单击

$('input[type=submit]').click(function(){
  $('input[type=hidden]').val("http://www.mywebsite.com/index.php?rm_accounts="+$('input[type=text]').val());
console.log($('input[type=hidden]').val());
});

工作JSFiddle链接

http://jsfiddle.net/mkamithkumar/qNdny/1/

我首先建议您给HTML一些ID，如下所示：

<form id="signup" method="post" action="https://go.reachmail.net/libraries/form_wizard/process_subscribe.asp" >
    <input type='text' name='rm_accounts' id='rm_accounts' value='' />
    <input type="hidden" name="page_confirm" id="page_confirm" value="http://www.mywebsite.com/index.php?rm_accounts=">
    <input type="submit" name="Submit" value="Submit" >
</form>

然后为您的任务使用一些jQuery：

$('#signup').submit(function(){
    var value = $('#rm_accounts').val();
    var page_confirm = 'http://www.mywebsite.com/index.php?rm_accounts='+value;
    $('#page_confirm').val(page_confirm);
});