| |
|
|
| | Есть такой скрипт, для формирования зависимого списка "select" формы.
<select name="region" size="1" class="pole" id="region" onchange="mF ()">
<option value="<?php if (empty ($_SESSION['gorod']) and empty ($_POST['gorod'])) {echo "";} else {echo @$_POST['region'];}?>"><?php if (empty ($_SESSION['gorod']) and empty ($_POST['gorod'])) {echo "";} else {echo @$_POST['region'];}?></option>
<option value="Республика Адыгея">Адыгея</option>
<option value="Республика Алтай">Алтай (Республика)</option>
<option value="Алтайский край">Алтайский край</option>
<option value="Амурская область">Амурская область</option>
</select>
<select name="gorod" size="1" class="pole" id="gorod" disabled>
<option label="<?php echo @$_POST['region'] ?>" value="<?php if (!empty ($_POST['gorod'])) {echo $_POST['gorod']; $_SESSION['gorod']=$_POST['gorod'];} else {echo $_SESSION['gorod'];}?>">
<?php if (!empty ($_POST['gorod'])) {echo $_POST['gorod']; $_SESSION['gorod']=$_POST['gorod'];} else {echo $_SESSION['gorod'];}?>
</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>
<option label="Алтайский край" value="Бийск">Бийск</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>
<option label="Алтайский край" value="Славгород">Славгород</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>
<option label="Амурская область" value="Свободный">Свободный</option>
<option label="Амурская область" value="Сковородино">Сковородино</option>
<option label="Амурская область" value="Тында">Тында</option>
<option label="Амурская область" value="Шимановск">Шимановск</option>
</select>
|
Вот собственно сама функция:
function mF ()
{
var slc_1 = document.getElementById ('region'), slc_2 = document.getElementById ('gorod');
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;
}
|
В некоторых браузерах (особенно в мобильных телефонах) при выборе первого списка региона, во втором (зависимом) списке городов выводится несколько раз название региона (наверно содержимое label="...") | |
| |
|
|
| |
|
|
| |
для: sega_z
(01.05.2011 в 15:15)
| | | Не очень пока понятно, у вас второй список уже сформирован заранее или он формируется при помощи JavaScript-скрипта? | |
| |
|
|
| |
|
|
| |
для: cheops
(01.05.2011 в 17:10)
| | | Второй список присутствует на странице всегда, но он не активный, пока не выберите элемент первого списка (пример работы можно посмотреть здесь: http://www.pc01.ru/podpiska/oformity_podpisku.php) | |
| |
|
|
| |
|
|
| |
для: sega_z
(01.05.2011 в 17:24)
| | | 1) А как ситуацию можно воспроизвести (или это спонтанно)?
2) Все же не понятно, что делает скрипт, он фильтрует города по списку или запрашивает их с сервера? | |
| |
|
|
| |
|
|
| |
для: cheops
(01.05.2011 в 17:30)
| | | Извините, но я не понял первого вопроса!
Города фильтруются функцией JAVA function mF ()
Первый список:
<select name="region" size="1" class="pole" id="region" onchange="mF ()">
|
Второй список:
<select name="gorod" size="1" class="pole" id="gorod" disabled>
|
| |
| |
|
|
