Question

我有一个简单的表格，如下面的代码所示。我想将rm_accounts文本框中提交的值附加到网址末尾的隐藏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>

非常感谢所有帮助。谢谢！

Answer 1

使用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/

Answer 2

我建议你给你的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);
});

用户提交时将一个输入值传递给输入类型隐藏值

2 个答案: