Зависимый двухуровневый выпадающий список

#1 kolesgan

Неактивные
73 сообщений

Репутация: 0

Отправлено 21 Январь 2011 - 13:53

поставил зависимый двухуровневый выпадающий список. Вот код java:

<script>
function Start(val){
	var obj =document.getElementById("sel");
	var objLavel= document.getElementById("level");
	var objNik=document.getElementById("nik")
	objNik.options.length = 0;
	for(var i=0;i<objLavel.length;i++){
		if (objLavel.options[i].value == val){
	objNik.options[objNik.length]=new Option( objLavel.options[i].text, objLavel.options[i].value);
		}
		else {}
	}
	}
</script>

Вот сам выпадающий список

<select id="sel" name="sel" onchange="Start(this.value)">
	<option value="0">---------------------------</option> 
	<option value="1">Авто и мото</option> 
	<option value="2">Аудио-, Видео-. техника</option>
	<option value="3">Дом. Ремонт</option> 
	<option value="4">Безопасность, охрана</option>
	<option value="5">Экономика. Страхование</option> 
	<option value="6">Бытовые и экстренные услуги</option>
	<option value="7">Детские товары. Услуги</option> 
	<option value="8">Досуг и развлечение</option>
	<option value="9">Компьютерные сети. Оргтехника</option> 
	<option value="10">Красота и здоровье</option>
	<option value="11">Магазины одежды</option> 
	<option value="12">Недвижимость. Строительство</option>
	<option value="13">Образование</option> 
	<option value="14">Полиграфия. Реклама</option>
	<option value="15">Охота и рыбалка</option> 
	<option value="16">Праздники, подарки, сувениры</option>
	<option value="17">Продовольственные товары</option> 
	<option value="18">Промышленность. Производство</option>
	<option value="19">Путешествие и туризм</option> 
	<option value="20">Питомцы. Ветеринария</option>
	<option value="21">Такси и грузоперевозки</option> 
	<option value="22">Теле-, Связь-. Интернет</option>
	<option value="23">Юриспруденция и адвокатура</option> 
	<option value="24">Ювелирные изделия</option>
  </select>
<select style="visibility:hidden" id="level"  onchange="Start(this.value)">
<option value="1" selected>Авто оборудование, тюнинг</option>
<option value="1">Автокосметика, автохимия, аксессуары</option>
<option value="1">Автосервис, техпомощь</option>
<option value="1">Гибдд. Мрэо. Автошколы</option>
<option value="1">Покупка и продажа автомобилей</option>
<option value="2">Аудио-, видео-, DVD</option>
<option value="2">Бытовая техника</option>
........................................................................
<option value="24">Ювелирные мастерские</option>
<option value="24">Ювелирные салоны</option>
</select>
<select id="nik" name="cat_org">
</select>

Мне нужно чтоб нумерация во втором выпадающем списке в "value" нумеровалась по очереди, а не так как щас. нумеруется по главному выпадающему списку. тоесть нуно во втором выпадающем списке у каждой позиции был свой номер чтоб отправлять ее на файл обработки и в базу. как это моно сделать?

robot

Пользователь PRO
2 652 сообщений

Репутация: 85

Советую обратить внимание на следующее:

#2 ZiTosS

Неактивные
5 148 сообщений

Репутация: 8

Отправлено 27 Январь 2011 - 00:29

kolesgan, попробуйте так:

<script>
function Start(val){
	var obj =document.getElementById("sel");
	var objLavel= document.getElementById("level");
	var objNik=document.getElementById("nik")
	objNik.options.length = 0;
	for(var i=0;i<objLavel.length;i++){
		if (objLavel.options[i].category == val){
	objNik.options[objNik.length]=new Option( objLavel.options[i].text, objLavel.options[i].value);
		}
		else {}
	}
	}
</script>

<select id="sel" name="sel" onchange="Start(this.value)">
	<option value="0">---------------------------</option> 
	<option value="1">Авто и мото</option> 
	<option value="2">Аудио-, Видео-. техника</option>
	<option value="3">Дом. Ремонт</option> 
	<option value="4">Безопасность, охрана</option>
	<option value="5">Экономика. Страхование</option> 
	<option value="6">Бытовые и экстренные услуги</option>
	<option value="7">Детские товары. Услуги</option> 
	<option value="8">Досуг и развлечение</option>
	<option value="9">Компьютерные сети. Оргтехника</option> 
	<option value="10">Красота и здоровье</option>
	<option value="11">Магазины одежды</option> 
	<option value="12">Недвижимость. Строительство</option>
	<option value="13">Образование</option> 
	<option value="14">Полиграфия. Реклама</option>
	<option value="15">Охота и рыбалка</option> 
	<option value="16">Праздники, подарки, сувениры</option>
	<option value="17">Продовольственные товары</option> 
	<option value="18">Промышленность. Производство</option>
	<option value="19">Путешествие и туризм</option> 
	<option value="20">Питомцы. Ветеринария</option>
	<option value="21">Такси и грузоперевозки</option> 
	<option value="22">Теле-, Связь-. Интернет</option>
	<option value="23">Юриспруденция и адвокатура</option> 
	<option value="24">Ювелирные изделия</option>
  </select>
<select style="visibility:hidden" id="level">
<option value="value1" category="1">Авто оборудование, тюнинг</option>
<option value="value2" category="1">Автокосметика, автохимия, аксессуары</option>
<option value="value3" category="1">Автосервис, техпомощь</option>
<option value="value4" category="1">Гибдд. Мрэо. Автошколы</option>
<option value="value5" category="1">Покупка и продажа автомобилей</option>
<option value="value6" category="2">Аудио-, видео-, DVD</option>
<option value="value7" category="2">Бытовая техника</option>
........................................................................
<option value="valueN-1" category="24">Ювелирные мастерские</option>
<option value="valueN" category="24">Ювелирные салоны</option>
</select>
<select id="nik" name="cat_org">
</select>

Только не понятно зачем в функции Start строка

var obj =document.getElementById("sel");

Мы этот объект не используем. Ну и ещё некоторые недочеты по синтаксису

Зависимый двухуровневый выпадающий список

#1 kolesgan

robot

#2 ZiTosS

Войти