Здравствуйте!
Недавно столкнулся с такой задачей. -
Допустим, имеются 2 формы вида -
<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>
и
<form name = "SetQuery2" action = "queries.php" method = "post">
<textarea rows="6" cols="74" name="query_text2"></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).
К сожалению, с JavaScript я практически не знаком.
В интернете попадалось мне такое решение, но только для одной формы -
<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>
Помогите, пожалуйста, справиться с задачей.