Добрый день, вот возникла небольшая проблема, код начну:

Код

<form method="post" action="..."> <select name="somename"> <option value="opt1">1 <option value="opt2">2 <option value="opt3">3 </form> </select>

Как при выборе какого-нибудь пункта меню убирать/вставлять элементы в форму?
Заранее благодарю!

Цитата(starmaster @ 2.3.2005, 12:04)

Как при выборе какого-нибудь пункта меню убирать/вставлять элементы в форму?

А можно немного по-конкретнее - что именно требуется?

Ну допустим, если выбран 1 пункт меню, то в форму вставляется текстовое поле. Если выбран второй пункт меню, то, допустим, текстовое поле убирается и появляется какой-нибудь radio button и check box...

Это сообщение отредактировал(а) starmaster - 2.3.2005, 15:31

Тут был пример:
http://www.rgagnon.com/jsdetails/js-0086.html
Добавлено @ 16:15
Правда, в моем проекте это делалось совсем по другому, через стили...

Вот так:

Код

<link rel="stylesheet" type="text/css" href="style.css"> <html> <body> <select id='sel' onChange='showHidden(this.selectedIndex);'> <option>0</option> <option>1</option> </select> <input type='text' id='first' class='SHOWN' value="text"> <input type='button' id='second' class='HIDDEN' value="Button"> </body> </html>

Скрипты:

Код

function hideAll() {    hide('first');   hide('second'); } function hide(id) { document.getElementById(id).className = 'HIDDEN'; } function showHidden(num) { hideAll(); if(num==0) document.getElementById('first').className = 'SHOWN'; if(num==1) document.getElementById('second').className = 'SHOWN'; }

Стили:

Код

.HIDDEN{ display: none; } .SHOWN{ height: 20px; }

И заодно объясните мне, как отменять display: none
Критика горячо приветствуется. Это один из моих первых скриптов

Или тебе надо не скрывать, а именно удалять?

Это сообщение отредактировал(а) Lamer George - 2.3.2005, 16:46

Lamer George
Скрывать... ну есть такие скипты же... например в американских... выбираешь страну... если Америка, то появляется новое меню со штатами, а если нет, то меню со штатами не увидишь...

Ну так здесь так и есть, только некрасиво и стиль плохой

О стилях лучше забыть! Т.к. эти элементы будут учавстовать в коллекциях формы на странице + некорректное позиционирование =)

Пользуемся поиском, я уже таких 2 кода за посл. месяц дал. Ладно повторюсь:

Код

<HTML> <HEAD> <title>Тест</title> <script type="text/javascript"> function change_inp(chooser) { var elem = document.getElementById("block"); var db = chooser.options[chooser.selectedIndex].value; if (db != "") {    switch (db) {      case "inp" :        elem.innerHTML = '<INPUT type="text">';        break;      case "chk" :        elem.innerHTML = '<INPUT type="checkbox">';        break;      default:        elem.innerHTML = 'Пусто...';   } } } </script> </HEAD> <BODY> <form name="f1" action=""> <select name="s1" onchange="change_inp(this)">  <option name="pict" value="">Выбирите элемент</option>  <option name="pict" value="inp">Input</option>  <option name="pict" value="chk">Checkbutton</option> </select> </form> <div id="block" style="border: 1px solid red"> Пусто... </div> </BODY> </HTML>

Добавлено @ 19:13

PS: канечно, можно добавлять элементы прямо в эту формы. Тогда, лучше использовать не innerHTML, а appendChild()

Это сообщение отредактировал(а) Aliance - 4.3.2005, 19:12

А innerHTML любой браузер понимает?
Добавлено @ 19:14

Цитата(Aliance @ 4.3.2005, 19:11)

некорректное позиционирование

Почему? Из-за прописанного height?

Это сообщение отредактировал(а) Lamer George - 4.3.2005, 19:15

Цитата(Lamer @ 4.3.2005, 19:14)

А innerHTML любой браузер понимает?

NN3+ и IE4+ точно должны.

Цитата(Lamer @ 4.3.2005, 19:14)

Почему? Из-за прописанного height?

Из-за различной совместимости со стандартами CSS. Хотя, при наличии <!DOCTYPE> такой проблемы не будет, но неивестно как оно среагирует на это. В общем милипиксели Но все же...

Это сообщение отредактировал(а) Aliance - 4.3.2005, 19:28

Цитата(Aliance @ 4.3.2005, 19:18)

Да, это метод DOM

Хм... Сейчас не помню, но по-моему, в книге Гудмэна было написано, что это для IE. И в спецификации DOM я его не нашел. Правда, DOM1.

Цитата(Lamer @ 4.3.2005, 19:21)

Хм... Сейчас не помню, но по-моему, в книге Гудмэна было написано, что это для IE. И в спецификации DOM я его не нашел. Правда, DOM1.

Ты заставил меня усомниться, покопалмся в литератоуре - не нашел того, что это DOM метод =) Но он совместимый (читай выше, отредактировал). Я всегда писал под него, жалоб небыло
MSDN молчит =/

Aliance
Ага, ясно. Спасибо.

P.S. Ух ты, как теперь код красиво рисуется!

innerHTML - оф. не входит в DOM методы, но поддерживается всеми браузерами

ЗЫ: За разъяснения спасибо Sardar`у :-)
Добавлено @ 21:42

А мне не нравиться в новой подствеки прокрутка

А как сделать, чтобы при пометке\снятии галочки с checkbox'a, появлялась\исчезала строка ввода: <input type="text">? Я пытался вышенаписаное ковырять, но чёт ни к чему не привело это(

Это сообщение отредактировал(а) Pena - 1.11.2006, 11:16