Member 14602148 Ответов: 1

Как я могу открыть всплывающее окно на основе двух вариантов выбора

I want to design the following scenario usinh HTML,CSS and Java script: I have created one drop down menu where you should select city [ex. Chandigarh], when you will select city the corresponding algorithms will come with a drop down menu [ex. PSO,GA,BBO].If i select PSO then another popup window will open and there will be another dropdown menu with list of years [ex. 2030,2035,2040]. How could I design the following scenario?


Что я уже пробовал:

I am able to do to open popup window using one select option.i have added the code[i have added the dummy url to open another popup window]. But for multiple select option i need help.
<pre><pre lang="HTML">

<pre><html>
<head>
<title>Pop URL on Select</title>
 <script language="JavaScript" type="text/javascript">
function openPop(){
var Sel_Ind = document.getElementById('myURLs').selectedIndex;
var popUrl = document.getElementById('myURLs').options[Sel_Ind].value;
winpops=window.open(popUrl,"","width=600,height=600,resizable,")
}

</script>
</head>
<body>
<select id="myURLs" onChange="javascript:openPop();">
<option value="">Select a page...</option>
<option value="http://news.bbc.co.uk">PSO</option>
<option value="http://www.the-company.com">GA</option>
<option value="http://www.b3ta.com">BBO</option>
<option value="http://www.google.com">DE</option>
<option value="http://www.sitepoint.com/forums">Help</option>
</select>
</body>
</html>

1 Ответов

Рейтинг:
2

W∴ Balboos, GHB

Одним из решений, обычно применимым, является использование вложенных операторов switch() для определения того, что происходит при изменении одного (или обоих) из ваших раскрывающихся списков.

Существуют и другие варианты, но это сравнительно просто, концептуально.

Member 14602148

Вы можете показать мне один образец?

W∴ Balboos, GHB

Каждый из вашего списка имеет событие onchange='someFunction()" и свой собственный идентификатор (назовем их id='s1' и id='s2' .

Когда любой из них изменяется, он переходит к вам в скрипт someFunction ().
Внутри скрипта он проверяет значение обоих параметров

функция someFunction () {
ВАР условие_1 = документ.метода getElementById('С1').значение;
ВАР условие_2 = документ.метода getElementById('С2').значение;

переключатель(условие_1) {
по умолчанию: возвращает значение при отсутствии выбора s1;
случай а-возможный-тест1-значение:
переключатель(тест2) {
по умолчанию: возвращает значение при отсутствии выбора s2
случаи, которые обрабатывают комбинации tes1 и test2
}
перерыв;
случай другой-возможный-тест1-значение:
переключатель(тест2) {
по умолчанию: возвращает значение при отсутствии выбора s2
случаи, которые обрабатывают комбинации этого test1 и test2
}
перерыв;
случай и т. д. и т. д.
} // конец переключателя(тест1)

Вам нужно справиться с различными возможностями - в том числе, если ни один из них не имеет выбора. Как вы выбираете свои ценности, зависит только от вас.
}