Форум PHP программистов > Условия if + select

[ Поиск ] - [ Пользователи ] - [ Календарь ]

StepanAMK

1.07.2016 - 09:02

Привет всем, подскажите пожалуйста как можно сделать так

<select>
<option id="1">Бизнес класс</option>
<option id="2">Эконом класс</option>
</select>
Как сделать так если посетитель выбрал <option id="1">Бизнес класс</option> то ниже выскакивает другой select с другими нужными мне пунктами, а если выбрал <option id="2">Эконом класс</option> то другой select

Astin

1.07.2016 - 09:16

Это надо использовать JS а не PHP.
Вот пример http://tradebenefit.ru/select-i-radio-so-s...ymi-blokami-div

StepanAMK

1.07.2016 - 09:21

Понятно но не совсем точно

<select id="actSelect" class="Validate_Required " name="actSelect" aria-required="true" onChange="Selected(this)">
       <option value="" selected="selected">-</option>
       <option value="1">Скрытый блок с другим селектом</option>
       <option value="2">Обычный скрытый блок</option>
       <option value="3">Ничего не произойдёт</option>
</select>
     
    
    <div id='Block1' style='display: none;'>
      Выберите ещё что-нибудь:
      <select>
       <option value="" selected="selected">-</option>
       <option value="a">Вариант 1</option>
       <option value="b">Вариант 2</option>
       <option value="c">Вариант 3</option>
      </select>
    </div>

Сматри если я выбрал <option value="a">Вариант 1</option>
Как мне сделать так что бы выпадал ниже ещё один селект?

Zzepish

1.07.2016 - 16:16

Я бы запилил на angularjs))))
Там это вообще изи) такие цепочки можно делать.....

VeRTak

1.07.2016 - 16:18

Цитата (Astin @ 1.07.2016 - 09:16)

Это надо использовать JS а не PHP.

Можно и на PHP

Zzepish

1.07.2016 - 17:26

Wind
чего уж мелочиться? Давай на асме напишем

inpost

2.07.2016 - 00:23

StepanAMK
Это JavaScript.
На onchange вешай событие: http://stackoverflow.com/questions/1085801...sing-javascript

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

В зависимости от значения выводи нужный тебе <select>

document.getElementById('second').innerHTML = '<select>...</select>';

Wind, Zzepish
Почему бы просто парню не дать ответ?

_____________
Обучаю веб-программированию качественно и не дорого: http://school-php.com
Фрилансер, принимаю заказы: PHP, JS, AS (видео-чаты). Писать в ЛС (Личные сообщения на phpforum).

StepanAMK

4.07.2016 - 09:30

Вышел из положения вот так вот

function Selected(a) {
        var label = a.value;
        if (label==1) {
            document.getElementById("Block1").style.display='block';
            document.getElementById("Block2").style.display='none';
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='none';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';			
        } else if (label==3) {
            document.getElementById("Block1").style.display='block';
            document.getElementById("Block2").style.display='block';
			document.getElementById("Block3").style.display='none';
			document.getElementById("Block4").style.display='none';
			document.getElementById("Block5").style.display='none';
			document.getElementById("Block6").style.display='none';
			document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='none';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';			
	    } else if (label==4) {
            document.getElementById("Block1").style.display='block';
            document.getElementById("Block2").style.display='none';
			document.getElementById("Block3").style.display='none';
			document.getElementById("Block4").style.display='none';
			document.getElementById("Block5").style.display='none';
			document.getElementById("Block6").style.display='block';
			document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='none';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';			
        } else if (label==5) {
            document.getElementById("Block3").style.display='block';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='none';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';			
		} else if (label==6) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='block';
			document.getElementById("Block5").style.display='none';
			document.getElementById("Block6").style.display='none';
			document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='none';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';			
		} else if (label==7) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='block';
            document.getElementById("Block6").style.display='none';
			document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='none';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';			
		} else if (label==8) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='block';
            document.getElementById("Block7").style.display='block';
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='none';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';			
	    } else if (label==9) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='block';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='block';
			document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='none';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';			
	    } else if (label==10) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='block';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='block';
			document.getElementById("Block10").style.display='none';
			document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
			document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';
        } else if (label==2) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='block';
			document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
			document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';
        } else if (label==11) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='block';
            document.getElementById("Block11").style.display='block';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
			document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';

        } else if (label==13) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='block';
            document.getElementById("Block11").style.display='block';
            document.getElementById("Block12").style.display='block';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
			document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';
        } else if (label==14) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='block';
            document.getElementById("Block11").style.display='block';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='block';	
            document.getElementById("Block14").style.display='none';
			document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';
        } else if (label==15) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='block';
            document.getElementById("Block11").style.display='block';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='block';
			document.getElementById("Block15").style.display='none';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';
        } else if (label==12) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='block';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='block';
			document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';
        } else if (label==16) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='block';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='block';
            document.getElementById("Block16").style.display='block';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='none';
        } else if (label==17) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='block';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='block';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='block';
            document.getElementById("Block18").style.display='none';
        } else if (label==18) {
            document.getElementById("Block3").style.display='none';
            document.getElementById("Block4").style.display='none';
            document.getElementById("Block5").style.display='none';
            document.getElementById("Block6").style.display='none';
            document.getElementById("Block7").style.display='none';	
            document.getElementById("Block8").style.display='none';
            document.getElementById("Block9").style.display='none';
            document.getElementById("Block10").style.display='block';
            document.getElementById("Block11").style.display='none';
            document.getElementById("Block12").style.display='none';
            document.getElementById("Block13").style.display='none';	
            document.getElementById("Block14").style.display='none';
            document.getElementById("Block15").style.display='block';
            document.getElementById("Block16").style.display='none';
            document.getElementById("Block17").style.display='none';
            document.getElementById("Block18").style.display='block';			
        }
		
      
       
}



<select id="actSelect" class="Validate_Required" name="actSelect" aria-required="true" required onChange="Selected(this)">
       <option value="" selected="selected">Выберете тарификацию</option>
       <option value="1">Таксометр</option>
       <option value="2">Фиксированная</option>
</select>
<div id="Block1" style="display: none;">
<select id="actSelect" class="Validate_Required" name="actSelect" aria-required="true" required onChange="Selected(this)">
       <option value="" selected="selected">Выберете категорию услуги</option><!--Таксометр-->
       <option value="3">Бизнес класс</option>
       <option value="4">Эконом класс</option>
 </select>
</div>
<!--Таксометр бизнес класс начало-->
<div id="Block2" style="display: none;">
<select id="actSelect" class="Validate_Required" name="actSelect" aria-required="true" required onChange="Selected(this)">
       <option value="" selected="selected">Выберете категорию услуги</option><!--Таксометр-->
       <option value="5">Седан(Б)</option>
       <option value="6">Универсал(Б)</option>
	   <option value="7">Микроавтобус(Б)</option>
 </select>
</div>
<div id="Block3"  style="display: none;">
<input type="radio" name="id_car_class" value="187" checked="checked"> Без огроничений
<input name="id_car_class" value="198" type="radio"> Нужен пустой багажник, <input name="id_car_class" value="199" type="radio"> Поездка с детьми
</div>
<div id="Block4" style="display: none;">
<input type="radio" name="id_car_class" value="187" checked="checked"> У меня багаж
<input type="radio"> Поездка с детьми (Универсал)
</div>
<div id="Block5" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Б), <input type="radio"> Поездка с детьми (Микроавтобус)
</div><!--Таксометр бизнес класс Конец-->
<!--Таксометр Эконом класс начало-->
<div id="Block6" style="display: none;">
<select id="actSelect" class="Validate_Required" name="actSelect" aria-required="true" onChange="Selected(this)">
       <option value="" selected="selected">Выберете категорию услуги</option><!--Таксометр-->
       <option value="8">Седан(Э)</option>
       <option value="9">Универсал(Э)</option>
	   <option value="10">Микроавтобус(Э)</option>
 </select>
</div>
<div id="Block7" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Э), <input type="radio"> Поездка с детьми (Седан)
</div>
<div id="Block8" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Э), <input type="radio"> Поездка с детьми (Универсал)
</div>
<div id="Block9" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Э), <input type="radio"> Поездка с детьми (Микроавтобус)
</div><!--Таксометр Эконом класс Конец-->
<div id="Block10" style="display: none;"><!--Фиксированная-->
<select id="actSelect" class="Validate_Required" name="actSelect" aria-required="true" onChange="Selected(this)">
       <option value="" selected="selected">Выберете категорию услуги</option>
       <option value="11">Бизнес класс</option>
       <option value="12">Эконом класс</option>
 </select>
</div>
<!--Фиксированная бизнес класс начало-->
<div id="Block11" style="display: none;">
<select id="actSelect" class="Validate_Required" name="actSelect" aria-required="true" onChange="Selected(this)">
       <option value="" selected="selected">Выберете категорию услуги</option><!--Таксометр-->
       <option value="13">Седан(Б)</option>
       <option value="14">Универсал(Б)</option>
	   <option value="15">Микроавтобус(Б)</option>
 </select>
</div>
<div id="Block12" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Б), <input type="radio"> Поездка с детьми (Седан)
</div>
<div id="Block13" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Б), <input type="radio"> Поездка с детьми (Универсал)
</div>
<div id="Block14" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Б), <input type="radio"> Поездка с детьми (Микроавтобус)
</div><!--Фиксированная бизнес класс Конец-->
<!--Фиксированная Эконом класс начало-->
<div id="Block15" style="display: none;">
<select id="actSelect" class="Validate_Required" name="actSelect" aria-required="true" onChange="Selected(this)">
       <option value="" selected="selected">Выберете категорию услуги</option><!--Таксометр-->
       <option value="16">Седан(Э)</option>
       <option value="17">Универсал(Э)</option>
	   <option value="18">Микроавтобус(Э)</option>
 </select>
</div>
<div id="Block16" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Э), <input type="radio"> Поездка с детьми (Седан)
</div>
<div id="Block17" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Э), <input type="radio"> Поездка с детьми (Универсал)
</div>
<div id="Block18" style="display: none;">
<input type="radio"> Воспользуюсь багажником(Э), <input type="radio"> Поездка с детьми (Микроавтобус)
</div><!--Фиксированная Эконом класс Конец-->

Guest

4.07.2016 - 10:05

Сильно написано!
Калькулятор не ты писал?

Zzepish

4.07.2016 - 14:01

StepanAMK,
Твой код заставляет меня рыдать! Покури про циклы и функции

arbuzmaster

4.07.2016 - 18:30

Весёлый код, надо взять на заметку!

_____________
Мой первый сайтик

Посмотри на свой XBMC под другим углом

StepanAMK

5.07.2016 - 05:28

ребят я только учусь)) не берите в серьёз, пока работает так)) мне самое главное что бы работал))) а потом уже буду кавырятся что и как

StepanAMK

6.07.2016 - 06:32

	window.onload = function() {
		act_cat = 'category_1', act_class = 'class_auto_1_1', act_options = 'add_options_1_1_1';
	}

	function selected(selected) {
		var result, pointer;
		if (/tariff/i.test(selected.id)) {
			pointer = 'tariff';
		} else if (/category/i.test(selected.id)) {
			result = selected.id.match(/category_(\d+)/i);
			pointer = 'category';
		} else if (/class_auto/i.test(selected.id)) {
			result = selected.id.match(/class_auto_(\d+)_(\d+)/i);
			pointer = 'class_auto';
		} else if (/add_options/i.test(selected.id)) {
			result = selected.id.match(/add_options_(\d+)_(\d+)_(\d+)/i);
			pointer = 'add_options';
		}

		switch (pointer) {
			case 'tariff':
				resetForm('category', 'category_'+selected.value);
				break;
			case 'category':
				resetForm('class_auto', 'class_auto_'+selected.value);
				break;
			case 'class_auto':
				resetForm('add_options', 'add_options_'+selected.value);
				break;
		}
	}

	function resetForm(lvl, display) {
		if (lvl == 'category') {
			document.getElementById(act_cat).style.display = 'none';
			document.getElementById(act_class).style.display = 'none';
			document.getElementById(act_options).style.display = 'none';
			act_cat = display;
		} else if (lvl == 'class_auto') {
			document.getElementById(act_class).style.display = 'none';
			document.getElementById(act_options).style.display = 'none';
			act_class = display;
		} else if (lvl == 'add_options') {
			document.getElementById(act_options).style.display = 'none';
			act_options = display;
		}
		document.getElementById(display).style.display = 'block';
	}

Так лучше?

Быстрый ответ:

Здесь расположена полная версия этой страницы.