Mam 5 list rozwijanych w formularzu, w którym mam elementy DIV, które wymagają wprowadzenia przez użytkownika. Wyświetlam pierwszy DIV dla pierwszej listy rozwijanej i ukrywam wszystkie pozostałe formularze za pomocą stylu = "display: none;".JavaScript, aby pokazać ukryty element div, gdy wybrana jest opcja z listy rozwijanej
Szukam Javascript, który pokaże drugi DIV po wybraniu dowolnej opcji z 2. listy rozwijanej.
Każda pomoc zostanie doceniona.
Dzięki z góry, Ryan Smith
<tr>
<td>Destination 1</td><td>Destination 2</td><td>Destination 3</td><td>Destination 4</td><td>Destination 5</td>
</tr>
<tr>
<td>
<SELECT NAME=drop1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionsdest?>
</SELECT>
</td>
<td>
<SELECT NAME=drop2 style="width:150px;" onChange="javascript to show DIV leg1b">
<OPTION VALUE=1><?=$optionsdest?>
</SELECT>
</td>
<td>
<SELECT NAME=drop3 style="width:150px;" onChange="javascript to show DIV leg1c">
<OPTION VALUE=0>0
<OPTION VALUE=1>1
</SELECT>
</td>
<td>
<SELECT NAME=drop4 style="width:150px;" onChange="javascript to show DIV leg1d">
<OPTION VALUE=0>
<?=$optionsdest?>
</SELECT>
</td>
<td>
<SELECT NAME=drop5 style="width:150px;" onChange="javascript to show DIV leg1e">
<OPTION VALUE=0>
<?=$optionsdest?>
</SELECT>
</td>
</tr>
<tr>
<td>
Arrive Drop 1
<br>
<input type="date" id="arrivedatetime1" name="arrivedatetime1" value=<?PHP echo $arrivedate ?>>
<br>
<SELECT NAME=arrivetime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
<br>
Depart Drop 1
<br>
<input type="date" id="departdatetime1" name="departdatetime1" value=<?PHP echo $departdate ?>>
<br>
<SELECT NAME=departtime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
</td>
<td>
<div id='legb1' style="display: none;">
Arrive Drop 2
<br>
<input type="date" id="arrivedatetime1" name="arrivedatetime1" value=<?PHP echo $arrivedate ?>>
<br>
<SELECT NAME=arrivetime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
<br>
Depart Drop 2
<br>
<input type="date" id="departdatetime1" name="departdatetime1" value=<?PHP echo $departdate ?>>
<br>
<SELECT NAME=departtime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
</div>
</td>
<td>
<div id='legc1' style="display: none;">
Arrive Drop 3
<br>
<input type="date" id="arrivedatetime1" name="arrivedatetime1" value=<?PHP echo $arrivedate ?>>
<br>
<SELECT NAME=arrivetime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
<br>
Depart Drop 3
<br>
<input type="date" id="departdatetime1" name="departdatetime1" value=<?PHP echo $departdate ?>>
<br>
<SELECT NAME=departtime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
</div>
</td>
<td>
<div id='legd1' style="display: none;">
Arrive Drop 4
<br>
<input type="date" id="arrivedatetime1" name="arrivedatetime1" value=<?PHP echo $arrivedate ?>>
<br>
<SELECT NAME=arrivetime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
<br>
Depart Drop 4
<br>
<input type="date" id="departdatetime1" name="departdatetime1" value=<?PHP echo $departdate ?>>
<br>
<SELECT NAME=departtime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
</div>
</td>
<td>
<div id='lege1' style="display: none;">
Arrive Drop 5
<br>
<input type="date" id="arrivedatetime1" name="arrivedatetime1" value=<?PHP echo $arrivedate ?>>
<br>
<SELECT NAME=arrivetime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
<br>
Depart Drop 5
<br>
<input type="date" id="departdatetime1" name="departdatetime1" value=<?PHP echo $departdate ?>>
<br>
<SELECT NAME=departtime1 style="width:150px;">
<OPTION VALUE=0>
<?=$optionstime?>
</SELECT>
</td>
</tr>