HTML+CSS+JavaScript

Четыре взаимосвязанных селекта на одной странице - это давно пройденный этап.

1...2...4...8...16...32...64...128...256...512...

Я сейчас работаю над реализацией седьмого компонента этого ряда.
Так что не мешайте.
-----

А если серьёзно, то даже два постоянно висящих на странице зависимых селекта - это уже бред.
Нахрена сразу иметь на странице второй селект, если им пользоваться сначала нельзя?
А Вы хотите целых четыре, три (два и один) из которых в какие-то моменты времени - исключительно для красоты?

Следующий селект должен появляться при выборе в предыдущем, как здесь - http://codecenter.awardspace.com/selects.html.

Добрый день
не хочу создавать новую тему с подобной проблемой, поэтому пишу сдесь
у меня есть подобная проблема, но в моем случае нужно 4 взаимозависимых списка, продолжая нему:
квартиры - однокомнатные - на 5-м этаже - с бронированой дверью
автомобили - легковые - малолитражные - красные
Skoda - Fabia - 1.4L - 30 000(пробег)

буду крайне благодарен если вы поможете исправить (дополнить) Ваш скрипт еще двумя уровнями.

Спасибо огромное!!!!!!!!!!!!!!!!!!!!!!!!!!! !!!!!!

Буду пробовать...
Но вы иногда заглядывайте сюда, у меня ещё могут появиться вопросы. Очень приятно общаться с понимающими людьми, побольше бы таких!!!

Вы меня не поняли.

1. Человек, увидев слово "Однокомнатные", может понять, что речь идет о "квартирах", а не об "автомобилях" и не о "слонах".
А вот компьютер этого понять не в состоянии.
Потому что компьютер - железный и абстрактно мыслить он не умеет.
Это Вам понятно?

2. Для компьютера каким-то образом необходимо пометить разделы соответствующих рубрик.
Это Вам понятно?

3. Пометить разделы можно "тысячью и одним способом".
Я предложил Вам пометить разделы при помощи атрибута label.
И спросил Вас - сможете ли Вы это сделать? Т.е. сможете ли Вы "пометить"?
Спрашивал я потому, что не знал - имеете ли Вы доступ к HTML-коду своего файла.
Ситуации бывают разные. Посоветовал, например, я здесь товарищу вставить в HTML-код тег <SPAN>, а у товарища, оказывается, нет доступа к HTML-коду страницы.
Теперь понятно, что именно я имел в виду, спрашивая у Вас - сможете ли Вы пометить разделы?

4. Теперь, когда выяснилось, что пометить разделы Вы можете, даю Вам рабочий скрипт, который будет делать то, что Вам нужно:

<script> function mF () { var slc_1 = document.getElementById ('rubr'), slc_2 = document.getElementById ('razd'); if (!slc_1.selectedIndex) {slc_2.selectedIndex = 0; slc_2.disabled = 1; return} if (!self.Gslc_2)    {    Gslc_2 = []; for (var j = 0, obj = slc_2.options, lj = obj.length; j < lj; j++)    {Gslc_2 [j] = []; Gslc_2 [j].label = obj [j].label; Gslc_2 [j].value = obj [j].value; Gslc_2 [j].text  = obj [j].text}    var w = Math.max (slc_1.offsetWidth, slc_2.offsetWidth); slc_1.style.width = slc_2.style.width = w + 'px';    } for (var rbr = slc_1.options [slc_1.selectedIndex].value, new_slc_2 = [], j = k = 1, lj = Gslc_2.length; j < lj; j++) if (Gslc_2 [j].label == rbr) {new_slc_2 [k] = []; new_slc_2 [k].value = Gslc_2 [j].value; new_slc_2 [k++].text = Gslc_2 [j].text} new_slc_2 [0] = Gslc_2 [0]; for (var j = slc_2.options.length - 1; j >= 0; j--) slc_2.options [j] = null; for (var j = 0; j < new_slc_2.length; j++)    {    var opt = document.createElement ('option'); opt.value = new_slc_2 [j].value; opt.text = new_slc_2 [j].text;    slc_2.options.add (opt);    } slc_2.disabled = 0; } </script> <table border="4" cellpadding="10" cellspacing="0" bgcolor="#DDDDDD" class="tabl_reg">                   <form name="redaktor" action="my_obyavl.php" method="POST">                                       <tr>                       <td align="left" valign="middle"><span class="text_c">Выберите рубрику:<span class="text_e">*</span>:</span></td>                       <td align="left" valign="middle"><select name="rubr" size="1" class="pole" id="rubr" onchange="mF ()"><option><?php echo @$myrow['rubr'] ?></option><option value="Автомобили">Автомобили</option><option value="Квартиры">Квартиры</option><option value="Слоны">Слоны</option>                         </select></td>                       </tr>                 <tr>                       <td align="left" valign="middle"><span class="text_c">Раздел:<span class="text_e">*</span>:</span></td>                       <td align="left" valign="middle"><select name="razd" size="1" class="pole" id="razd" disabled><option><?php echo @$myrow['razd'] ?></option><option label="Автомобили" value="Легковые">Легковые</option><option label="Автомобили" value="Грузовые">Грузовые</option><option label="Квартиры" value="Однокомнатные">Однокомнатные</option><option label="Квартиры" value="Двухкомнатные">Двухкомнатные</option><option label="Слоны" value="Африканские">Африканские</option><option label="Слоны" value="Индийские">Индийские</option>                     </select>                       </td>                       </tr>                 <tr>                       <td colspan="2" align="center" valign="middle"><input name="proverka" type="submit" class="knopka" id="proverka" title="Сохранить изменения" value="Сохранить изменения"></td>                   </tr></form>                     </table>

PS. А футбол мне ни фига не понравился :-((
Рубин и сам не играл, и Барсе играть не дал.

Нет к сожалению я не знаю как это сделать. А вообще возможно это сделать при помощи <label>?
На сколько я знаю он служит для связи текста с флажками и радиокнопками.
Пожалуйста дайте скрипт, ну очень прошу....
Или подскажите как сделать с помощью <label>.

>"И что это поможет?"

Поможет Вам только и исключительно Ваша ВНИМАТЕЛЬНОСТЬ.
Перечитайте ВЫШЕ - что именно я Вам написал.
Я спросил - "Сможете ли ВЫ...".
И далее написал - "Если сможете, то тогда дам JScript"

Так сможете?
Скрипт надо дать?:-)
----

Пошел смотреть футбол.
Рубин с Барселоной.
Скрипт (если он Вам нужен и Вы об этом здесь сообщите) напишу после футбола - после 22:40МСК

Ура всё работает!!!
Ну вы меня правда выручили!!
Большое человеческое спасибо!

И что это поможет?
Сейчас попробую.... Подождите пожалуйста!!!!

КАЖДОМУ из опшенов второго селекта надо добавить атрибут label, в котором должна быть прописана рубрика этого раздела.

Слоны (африканские и индийские) даны мною в качестве примера следующей рубрики.

"Сможете ли Вы выдать в HTML-коде следующее" - что то я не совсем понял суть вашего вопроса, задайте его, пожалуйста по другому.
id селектов разные, просто забыл исправить!