用戶提交時將一個輸入值傳遞給輸入類型隱藏值

Question

我有一個簡單的表單，如下面的代碼所述。 我想將在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>

非常感謝所有幫助。 謝謝！

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);
});