jQuery: радио-кнопки и текстовое поле обновляют скрытые поля формы

Question

Действительно плохо знаком с использованием jQuery и попыткой найти нужный мне пример.

1) если у меня есть, скажем, 5 переключателей для выбора элемента, как передать выбранный элемент скрытой форме?поле?

2) тот же вопрос для текстовой области.Как передать текст, записанный в скрытое поле формы, и убедиться, что он безопасен для отправки формы?

Спасибо за любую помощь.

Answer 1

Вы можете просто привязать к событию изменения:

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

И почти то же самое для текстовой области:

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

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

Answer 2

Для <input type="radio"> и <textarea> вы захотите использовать метод jQuery change().Если вы хотите очистить входные данные до того, как они будут вставлены в <input type="hidden">, вам нужно будет использовать некоторое регулярное выражение или библиотеку, которая сделает это за вас, например, jQuery Validation Plugin .Имейте в виду, что любая санитария / проверка, которую вы выполняете с помощью javascript / jQuery, должна быть дважды проверена на стороне сервера после отправки формы.

Но я не знаю, почему вы копируете данные из одной формыввод к другому, вы не можете просто использовать форму ввода как есть?Какой смысл иметь данные как в <textarea>, так и в <input type="hidden">?