передать в textarea текст в зависимости от выбора radiobutton

@gash1sh · Регистрация: 22.01.2010

Студворк — интернет-сервис помощи студентам

Здравствуйте! С JavaScript не знаком, но мне надо выполнить такую задачу:

Дана форма:

HTML5
1
2
3
4
5
6
<form name = "SetQuery" action = "queries.php" method = "post">
    <textarea rows="24" cols="80" name="query_text"></textarea>
    <input type = "radio" name = "query" value = "query_1">Запрос 1
    <input type = "radio" name = "query" value = "query_2">Запрос 2
    <input type = "radio" name = "query" value = "query_3">Запрос 3
</form>

Мне надо сделать так, чтобы при нажатии на radiobutton в textarea подавался различный текст, в зависимости от выбранного пункта.

Примерно представляю, что в скрипте надо объявить переменные, содержащие текст, и что надо написать обработчик события при выборе пункта. С JavaScript столкнулся первый раз, гуглил, готовый скрипт не нашёл, на форуме поиском пользовался, тоже не нашёл. Надо сделать срочно, разбираться времени нет. Буду очень благодарен, если кто-нибудь напишет, как так сделать, или даст ссылку, где можно прочитать про конкретно мой случай.

Vovan-VE · 17.02.2010, 17:48

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script type="text/javascript">
var TextForR = {
    'query_1' : 'Текст 1',
    'query_2' : 'Текст 2',
    'query_3' : 'Текст 3'
};
function foo(r) {
    if (r && r.value && TextForR[r.value]) document.SetQuery.query_text.value = TextForR[r.value];
};
</script>
<form name = "SetQuery" action = "queries.php" method = "post">
        <textarea rows="24" cols="80" name="query_text"></textarea>
        <input type = "radio" name = "query" value = "query_1" onclick="foo(this)">Запрос 1
        <input type = "radio" name = "query" value = "query_2" onclick="foo(this)">Запрос 2
        <input type = "radio" name = "query" value = "query_3" onclick="foo(this)">Запрос 3
</form>

@gash1sh · 17.02.2010, 22:44 **[ТС]**

Vovan-VE, Всё работает, большое вам спасибо!

Добавлено через 4 часа 30 минут
И ещё маленький вопрос: как сделать, чтобы при открытии страницы, в textarea был по умолчанию текст переменной query_1?

Написал document.SetQuery.QueryText.value = TextOfRadio[query1.value] - не сработало

@cooperOk · 18.02.2010, 11:10

Сообщение от gash1sh

Написал document.SetQuery.QueryText.value = TextOfRadio[query1.value] - не сработало

Возможно, потому что страница еще не загрузилась и брать это значение неоткуда. Попробуй переместить это в какую-то функцию и поставь ее на онлоад для боди.

HTML5
1
<body onload="default()">

JavaScript
1
2
3
function default(){
document.SetQuery.QueryText.value = TextOfRadio[query1.value]
}

Vovan-VE · 18.02.2010, 19:47

JavaScript
1
2
3
function default(){
document.SetQuery.QueryText.value = TextOfRadio[document.SetQuery.query.value]
}

@AndreiN · 24.03.2011, 17:41

Здравствуйте!
Недавно столкнулся с похожей задачей, как и gash1sh, поэтому решил попросить помощи в данной теме.

Допустим, имеются 2 формы вида -

HTML5
1
2
3
4
5
6
<form name = "SetQuery" action = "queries.php" method = "post">
        <textarea rows="6" cols="74" name="query_text"></textarea>
        <input type = "radio" name = "query" value = "query_1">Запрос 1
        <input type = "radio" name = "query" value = "query_2">Запрос 2
        <input type = "radio" name = "query" value = "query_3">Запрос 3
</form>

и

HTML5
1
2
3
4
5
6
<form name = "SetQuery2" action = "queries.php" method = "post">
        <textarea rows="6" cols="74" name="query_text"></textarea>
        <input type = "radio" name = "query" value = "query_1">Запрос 1
        <input type = "radio" name = "query" value = "query_2">Запрос 2
        <input type = "radio" name = "query" value = "query_3">Запрос 3
</form>

Подскажите, пожалуйста, как мне реализовать такое -
нажимаем на radiobutton - в первую форму подаётся какое-то слово, например, "Апельсин",
а во вторую форму подаётся слово "Яблоко". (Слова, естественно, заранее заготовлены).
Слова в обеих формах должны меняться в зависимости от выбранного пункта. (несколько radiobutton).

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: показать затраченные материалы за определенный период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В качестве. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

@gash1sh 0 / 0 / 0 Регистрация: 22.01.2010 Сообщений: 7
	17.02.2010, 22:44 [ТС]
	Vovan-VE, Всё работает, большое вам спасибо! Добавлено через 4 часа 30 минут И ещё маленький вопрос: как сделать, чтобы при открытии страницы, в textarea был по умолчанию текст переменной query_1? Написал document.SetQuery.QueryText.value = TextOfRadio[query1.value] - не сработало 0