Выподающее меню выбора

[olmas]

может кто помочь, как это сделать
Надо что бы на странице оформления заказа адреса не вводились вручную а были всплывающие окна, причем 2 штуки.
1 это м-к\район а второе номер дома

[yarilo]

не верю что никому это не надо было(
жалко всем видать)

[olmas]

Ну надеюсь кто нить ответит

[Kpoxa]

Что Вы имеете ввиду под всплывающими окнами? Пример реализации приведите.

[olmas]

надо сделать так что бы можно было выбрать из списка существующих адресов:
12 районов
после выбора района в следующем окне выбрать номер дома
в каждом районе 20-25 домов
но номера в каждом районе разные так что надо сделать так чтобы к каждому району прикреплялись разные номера домов

вот как здесь http://cars.avto.ru/search/

сначала можно выбрать марку а потом модель

Заранее благодарю за помощь!

[Kpoxa]

Если по быстром, то можно сделать так, меняем в cart.tpl
<label>Адрес доставки</label>
<input name="address" type="text" value="{$address|escape}"/>
на
<label>Адрес доставки</label>
<select name="address">
<option>м-к\район 1</option>
<option>м-к\район 2</option>
<option>м-к\район 3</option>
<option>м-к\район 4</option>
..... и т.д.
</select>

[olmas]

Спасибо!

А как привязать дома к районам?
Что бы после выбора района в 2 окне можно было выбрать какой номер дома


Или что то вроде такого
8мк/район
дом 5
дом 7
дом 19
10мк/район
дом 3
дом 6

Заранее благодарю за помощь! И еще раз спасибо

[Kpoxa]

К сожалению, пока ничем помочь не могу. Может гуру симплы дадут ответ.

[olmas]

Немного погуглив нашел! Если что то не так сделал поправьте, если все правильно то может кому надо, выкладываю

<form name="address" action="#">
Улица:
<select name="street" onchange="MkHouseValues(this.selectedIndex)">
<option value="ул. Хрюнделя">ул. Хрюнделя</option>
<option value="пер. Неизвестного">пер. Неизвестного</option>

<option value="ул. Оттопыркина">ул. Оттопыркина</option>
<option value="ул. Мир-Труд-Май">ул. Мир-Труд-Май</option>
<option value="бул. Нихренасебефамилия">бул. Нихренасебефамилия</option>
</select>
 Дом:
<select name="house">
<option value="N/A">N/A</option>
</select>
</form><p>


<script type="text/javascript"><!--
/*
written by alexander shurkayev <alshur@ya.ru> | http://htmlcssjs.ru
*/

var aHouseValues = new Array(
"12/15,18,123",
"2,4",
"2/8,10/12",
"3",
"2,4,12,5/6,8"
);

function getHouseValuesByStreet(index){
var sHouseValues = aHouseValues[index];
return sHouseValues.split(",");
}

function MkHouseValues(index){
var aCurrHouseValues = getHouseValuesByStreet(index);
var nCurrHouseValuesCnt = aCurrHouseValues.length;
var oHouseList = document.forms["address"].elements["house"];
var oHouseListOptionsCnt = oHouseList.options.length;
oHouseList.length = 0;
for (i = 0; i < nCurrHouseValuesCnt; i++){
if (document.createElement){
var newHouseListOption = document.createElement("OPTION");
newHouseListOption.text = aCurrHouseValues;
newHouseListOption.value = aCurrHouseValues;
(oHouseList.options.add) ? oHouseList.options.add(newHouseListOption) : oHouseList.add(newHouseListOption, null);
}else{
oHouseList.options = new Option(aCurrHouseValues, aCurrHouseValues, false, false);
}
}
}

MkHouseValues(document.forms["address"].elements["street"].selectedIndex);
// --></script></p>