更新来自textfield的值的隐藏表单字段

Question

我试图在提交表单时使用在文本字段中输入的值设置隐藏表单字段的值。

我已经尝试过将各种问题的答案结合起来，但最接近的是我得到了我的源字段的“id” - 但不是值。

文本字段名称= WPCF可用库存 隐藏字段名称= WPCF计股票

隐藏字段只需要设置为相同的值在表单中的文本字段使用jQuery提交？

我似乎

无法找到在问其他问题一个简单的示例...感谢

Answer 1

为了实现expeccted结果，使用下面 HTML：

<input type="hidden" name="wpcf-total-stock"> 
<input type="text" name="wpcf-available-stock" value="test"> 

JS：

$("input[name='wpcf-available-stock']").on('keyup',function(){ 
$("input[name='wpcf-total-stock']").val($(this).val()); 
alert($("input[name='wpcf-total-stock']").val()); 
}); 

Codepen- http://codepen.io/nagasai/pen/RRBwjA

Answer 2

首先：为什么你会从文本字段填写一个隐藏的表单字段，当你打算要送出？

二，jQuery的是这样的：

var fieldValue = $('#wpcf-available-stock').val(); 
$('#wpcf-total-stock').val(fieldValue); 

可以很明显的链一起，但是这是很干净。

这里有一个演示：https://jsfiddle.net/u5Lj8cLz/

Answer 3

纯JavaScript的解决方案。

updateHidden = function(x) { 
 
     document.querySelector("[name=bar]").value = x; 
 
    }

<input name="foo" value="" onchange="updateHidden(this.value)" type="text"> 
 
    <input name="bar" value="sometext" type="hidden">

更新

updateHidden = function() { 
 

 
document.querySelector("[name=bar]").value = document.querySelector("[name=foo]").value; 
 
} 
 

 

 
document.querySelector("[name=foo]").addEventListener("change", updateHidden); 
 

 
/* 
 
or, 
 
document.querySelector("[name=foo]").addEventListener("keyup", updateHidden); 
 
*/

 <input name="foo" type="text"> 
 
     <input name="bar" type="hidden">