здраствуйте. сразу скажу вопрос не о том как реализовать 2 или 3 динамических селекта. проблемка немного в другом. допустим есть один селект. для примера зададим ему два значения "windows" и "linux". после выбора какого-либо значения под селектом должен появиться текст, а также поля типо texterea и кнопка submit как такое реализовать? знаю что без javascript не обойтись, никак не получается плиз, хелп.
HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf8"> <title>Test</title> <script type="text/javascript"> function show_block(id) { document.getElementById(id).style.visibility='visible'; } </script> </head> <body> <form action=""> <!-- список --> <select onchange="show_block('hidden_block')"> <option>Linux</option> <option>Windows</option> </select> <!-- скрытый блок --> <div style="visibility:hidden;" id="hidden_block"> <textarea rows="5" cols="15"></textarea> <input type="submit"> </div> </form> </body> </html> Что-нибудь вроде этого
1. Готовим страницу: создаем форму с select и думаем куда будем пихать текст, textarea и submit. В конец формы? В div? 2. Ловим событие "выбрано" и пишем, в определенное в пункте 1 место, необходимый html код.
to alexy маленько не правильно поняли, содержимое разное будет. именно в <div> будет подгружаться инфа, взависимости от выбранного значения в селекте. подгружаться методом include_once "modules/select1.php"; - хотя синтаксис явно другой будет, так как там джаваскрипт надеюсь сейчас правильно объяснил что пытаюсь сделать to Volt(220) а можно ваш второй пункт подробнее?
berkoot7 myDiv.innerHTML="Здесь всякий текст <textarea>Это текстария</textarea><input type="submit">" или jQuery $("#myDiv").append("Здесь всякий текст <textarea>Это текстария</textarea><input type="submit">");
нет, я другое хотел сделать )) врочем уже решил проблему, разобрался вроде вот получившийся код PHP: <style> .myViewLinks { display: none; } </style> <script> var toggle = function() { var currentDiv = null; function open(divElement) { divElement.style.display = "block"; currentDiv = divElement; } function close(divElement) { divElement.style.display = "none"; currentDiv = null; } return function(divID) { var divElement = document.getElementById(divID); if (divElement) { if (divElement === currentDiv) { close(currentDiv); } else if(currentDiv != null) { close(currentDiv); open(divElement); } else open(divElement); } } }(); </script> <select> <option onClick="toggle('div1');">Linux</option> <option onClick="toggle('div2');">Windows</option> </select> <br /> <div class="myViewLinks" id="div1"> <? echo "kontakt1"; ?> </div> <div class="myViewLinks" id="div2"> <? echo "kontakt2"; ?> </div>