Помощь по 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 И точно так же наооборот.Исключаем аэропорты ,если выбран город, точно так же исключаем городы при выборе аэропортов. _______ Жду помощи, спасибо за внимание! |
Цитата:
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>
|
Вы не поняли. Необходимо исключать все города при выборе одного из аэропортов, и точно так же исключать все аэропорты при выборе одного из городов.
Подредактируйте код,пожалуйста.Благодарю |
AciDWarrioR,
Достаточно отбирать по вхождению/не вхождению в название Airport - по примеру это единственное отличие аэропортов от городов |
Заказчик оставил ТЗ, я плохо знаю JS.Помогите ,пожалуйста.
Вот условие: Pick Up Location и Drop Off Location – здесь нужно правило ввести, что нельзя выбрать два одинаковых пункта в обоих выпадающих списках если в списке Pick Up выбран один из первых 3 пунктов (два аэропорта или Бангкок), то в списке Drop Off для выбора доступны только Hua Hin и Cha Am. И наоборот, если в PICK UP выбран Hua Hin и Cha Am, то в DROP OFF можно выбрать только аэропорты и Бангкок |
MichaelDiteeeeeeee,
Посмотрите вашу старую тему про то же, последний пост http://javascript.ru/forum/dom-windo...lect-pole.html Там давно уже ответили на все вопросы |
| Часовой пояс GMT +3, время: 06:47. |