Question

Really new to using jQuery and trying to find an example I need.

1) if I have, say, 5 radio buttons to choose an item, how do I pass the selected item to a hidden form field?

2) same question for a textarea. How do I pass the text written to a hidden form field and make sure it’s escaped safely for a form submission?

Thanks for any help.

Answer 1

You can just bind to the change event:

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

And almost the same for textarea:

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

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