Verstecktes Formularfeld mit Wert aus Textfeld aktualisieren

Question

Ich versuche, den Wert eines ausgeblendeten Formularfelds mit dem Wert in einem Textfeld bei der Übermittlung meines Formulars festzulegen.

Ich habe versucht, die Antworten zu verschiedenen Fragen zu kombinieren, aber die nächste, die ich komme, ist die 'ID' meines Quellfelds - aber nicht der Wert.

Textfeld name = WPCF-verfügbar-Lager Verdecktes Feld name = WPCF-total-Lager

Das versteckte Feld muss einfach auf den gleichen Wert wie das Textfeld einreichen JQuery mit auf Formular festgelegt werden?

Ich kann nicht scheinen, eine einfache Probe in andere Fragen zu finden, fragte ... dank

Answer 1

expeccted Ergebnis zu erzielen, verwenden Sie unter 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

Zunächst einmal: Warum würden Sie ein verborgenes Formularfeld aus einem Textfeld ausfüllen, wenn Sie es sind sowieso schicken?

Zweitens sieht die jQuery wie folgt aus:

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

Sie können offensichtlich Kette, die zusammen, aber das ist ziemlich sauber.

Hier ist eine Demo: https://jsfiddle.net/u5Lj8cLz/

Answer 3

reine JavaScript-Lösung.

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">

aktualisieren

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">