|
|
|
| Подскажите пожалуйста, сделал форму в форме но почему-то form5 всегда видна, и при нажатии радиобаттоном на соседнюю радиобаттон ничего не происходит, текущая не исчезает и новая не появляется.
Еще вопрос, если мне необходимо сформировать форму в форме, могу ли я полученное значение из внутренней формы и из внешней формы отправить по сабмиту на обработчик? Ели да, то подскажите как именно?
<script>
function show2(num) {
if (num == 5) {
document.getElementById('form5')_style_display = 'block';
document.getElementById('form6')_style_display = 'none';
}
else if (num == 6){
document.getElementById('form5')_style_display = 'none';
document.getElementById('form6')_style_display = 'block';
}
}
</script>
-------------------------------- ------------------------
<input type="radio" name="radio" onclick="show(5)"> Донная вкладка <br>
<input type="radio" name="radio" onclick="show(6)"> Боковая вкладка <br>
<form id="form5">
<p><input name="back_side" type="text" size="20" onkeyup="return proverka(this);" onchange="return proverka(this);"/></p>
</form>
<form id="form6">
<p><select size="1" name="donn_side">
<option value="2см">2см</option>
<option value="3см">3см</option>
<option value="4см">4см</option>
<option value="5см">5см</option>
</select></p>
</form>
Спасибо. | |
|
|
|
|
|
|
|
для: shkarbatov
(23.07.2011 в 23:13)
| | Вообще HTML не допускает вложенные формы, они должны следовать друг за другом. | |
|
|
|
|
|
|
|
для: cheops
(23.07.2011 в 23:59)
| | Я уже нагуглил, спасибо =)
А как можно было бы реализовать следующую задачу:
Все инпуты и текстареи заключить в абзацы <p>
Поставить абзацам которые причастны к первому типу формы class="type1"
Тем которые ко второму типу: class="type2"
C помощью JS прятать или показывайть те или иные части формы.
Если можно - напишите пример пожалуйста | |
|
|
|
|
|
|
|
для: shkarbatov
(24.07.2011 в 00:05)
| | Использование jQuery допускается или это должен быть чистый JavaScript? | |
|
|
|
|
|
|
|
для: cheops
(24.07.2011 в 00:10)
| | Можно использовать и jquery, если на чистом javascript не получается. | |
|
|
|
|
|
|
|
для: shkarbatov
(24.07.2011 в 00:14)
| | Можно начать отталкиваться от следующего скрипта
<html>
<head>
<title>jQuery</title>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
// Назначить обработчики события click
// после загрузки документа
$('#id_click').bind('click', switchstatus);
switchstatus();
});
function switchstatus(){
if($(".type1").css("display") == "block")
{
$(".type1").css("display", "none");
$(".type2").css("display", "block");
}
else
{
$(".type1").css("display", "block");
$(".type2").css("display", "none");
}
}
</script>
</head>
<body>
<a href='#' id='id_click'>Скрыть/отобразить</a>
<form method="post">
<p class="type1"><input type="text" /></p>
<p class="type1"><input type="text" /></p>
<p class="type2"><textarea></textarea></p>
<p class="type2"><textarea></textarea></p>
<div><input type="submit" value="Загрузить"></div>
</form>
</body>
</html>
|
>Можно использовать и jquery, если на чистом javascript не получается.
Да нет и на чистом JavaScript можно, только реализация времени чуть чуть больше займет. | |
|
|
|