jQuery: con pulsanti di opzione e campi di testo nascosti per l'aggiornamento delle aree di testo: javascript, jquery, forms

Davvero nuovo nell'uso di jQuery e nel cercare di trovare un esempio di cui ho bisogno.

1) se ho, diciamo, 5 pulsanti di opzione per scegliere un oggetto, come posso passare l'elemento selezionato a un campo modulo nascosto?

2) stessa domanda per una textarea. Come faccio a passare il testo scritto in un campo modulo nascosto e assicurarmi che sia salvato in modo sicuro per l'invio di un modulo?

Grazie per qualsiasi aiuto.

risposte:

Puoi semplicemente associarti all'evento change:

<input type="hidden" id="myradiovalue" />
<input type="radio" name="myradio" value="0" />
<input type="radio" name="myradio" value="1" />

$("input[name=myradio]").change(function() {
$("#myradiovalue").val($(this).val());
});

E quasi lo stesso per textarea:

<input type="hidden" id="mytextarevalue" />
<textarea id="mytextareavalue"></textarea>

$("textarea").change(function() {
$("#mytextareavalue").val($(this).val());
});

Per entrambi <input type="radio"> e <textarea>, ti consigliamo di utilizzare jQuery change() metodo. Se si desidera disinfettare l'input prima che venga inserito in a <input type="hidden"> allora dovrai usare un po 'di regex o una libreria che lo fa per te, come jQuery Plugin di convalida. Tieni presente che qualsiasi risanamento / convalida che esegui con javascript / jQuery dovrà essere ricontrollato sul lato server dopo l'invio del modulo.

Ma non so perché stai copiando i dati da un input del modulo a un altro, non puoi semplicemente utilizzare l'input del modulo così com'è? Qual è il punto di avere i dati in entrambi a <textarea> e a <input type="hidden">?