Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Помощь по select html (https://javascript.ru/forum/dom-window/61479-pomoshh-po-select-html.html)

MichaelDiteeeeeeee 20.02.2016 09:00

Помощь по select html
 
Добрый день, участники это форума!
Возникла проблема, ищу решения.

Имею код:
<select name="from" required>

               

                <option selected="true" style="display:none;"> </option>

              

              <option>- Suvarnabhumi International Airport</option>

              <option>- Don Mueang International Airport</option>

              <option>-  Bangkok City</option>

              <option>- Hua Hin</option>

              <option>- Cha Am</option>

            </select>

            <br>

             

             <h2>Drop Off Location </h2>

            <select name="to" required>

                 

              <option selected="true" style="display:none;"> </option>

              <option>- Suvarnabhumi International Airport</option>

              <option>- Don Mueang International Airport</option>

              <option>-  Bangkok City</option>

              <option>- Hua Hin</option>

              <option>- Cha Am</option>

            </select>


Затея такая:
Исключать из 2-го select Suvarnabhumi International Airport и Don Mueang International Airport, если выбраны Bangkok City , Hua Hin иили Cha Am
И точно так же наооборот.Исключаем аэропорты ,если выбран город, точно так же исключаем городы при выборе аэропортов.

_______
Жду помощи, спасибо за внимание!

AciDWarrioR 20.02.2016 10:30

Цитата:

Сообщение от MichaelDiteeeeeeee
Исключать из 2-го select Suvarnabhumi International Airport и Don Mueang International Airport, если выбраны Bangkok City , Hua Hin иили Cha Am
И точно так же наооборот.Исключаем аэропорты ,если выбран город, точно так же исключаем городы при выборе аэропортов.

Зачем же вы дублируете темы?
P.S. Желательно проверять, хоть немного, грамматику.
<!DOCTYPE html>
<html lang="en">
<head>
	<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<form name = "airport">
	<select name="from" required onchange="eliminate()">
        <option selected="true" style="display:none;"> </option>
        <option>- Suvarnabhumi International Airport</option>
		<option>- Don Mueang International Airport</option>
		<option>- Bangkok City</option>
		<option>- Hua Hin</option>
		<option>- Cha Am</option>
	</select>
	<br>
	<h2>Drop Off Location </h2>
	<select class="to" name="to" required>
		<option selected="true" style="display:none;"> </option>
		<option>- Suvarnabhumi International Airport</option>
		<option>- Don Mueang International Airport</option>
		<option>- Bangkok City</option>
		<option>- Hua Hin</option>
		<option>- Cha Am</option>
	</select>
	</form>
</body>
</html>
<script>
 	function eliminate(){
 		var form = document.forms.airport;
 		var elem1 = form.elements.from;
 		var elem2 = form.elements.to;
 		if (elem1.value == "- Bangkok City" || elem1.value == "- Hua Hin" || elem1.value == "- Cha Am"){
 			elem2[1].disabled = true;
 			elem2[2].disabled = true;
 			elem2[3].disabled = false;
 			elem2[4].disabled = false;
 			elem2[5].disabled = false;
 		} else if(elem1.value == "- Suvarnabhumi International Airport" || elem1.value == "- Don Mueang International Airport"){
 			elem2[1].disabled = false;
 			elem2[2].disabled = false;
 			elem2[3].disabled = true;
 			elem2[4].disabled = true;
 			elem2[5].disabled = true;
 		} else{
 			for (i=1; i < elem2.length; i++){
 				elem2[i].disabled = true;
 			}
 		}
 	}
</script>

MichaelDiteeeeeeee 20.02.2016 15:05

Вы не поняли. Необходимо исключать все города при выборе одного из аэропортов, и точно так же исключать все аэропорты при выборе одного из городов.
Подредактируйте код,пожалуйста.Благодарю

Dilettante_Pro 20.02.2016 15:28

AciDWarrioR,
Достаточно отбирать по вхождению/не вхождению в название Airport - по примеру это единственное отличие аэропортов от городов

MichaelDiteeeeeeee 20.02.2016 15:33

Заказчик оставил ТЗ, я плохо знаю JS.Помогите ,пожалуйста.
Вот условие:

Pick Up Location и Drop Off Location – здесь нужно правило ввести, что нельзя выбрать два одинаковых пункта в обоих выпадающих списках
если в списке Pick Up выбран один из первых 3 пунктов (два аэропорта или Бангкок), то в списке Drop Off для выбора доступны только Hua Hin и Cha Am. И наоборот, если в PICK UP выбран Hua Hin и Cha Am, то в DROP OFF можно выбрать только аэропорты и Бангкок

Dilettante_Pro 20.02.2016 16:13

MichaelDiteeeeeeee,
Посмотрите вашу старую тему про то же, последний пост
http://javascript.ru/forum/dom-windo...lect-pole.html
Там давно уже ответили на все вопросы


Часовой пояс GMT +3, время: 16:51.