учусьПрограммировать пишет:Здравствуйте! нужна помощь.
как при нажатие на элемента селекта отобразить поля дати и времени на php без java.
Добрый день!
Вы не со всем корректно сформулировали вопрос и получили на него абсолютно правильный ответ.
Действительно, php работает на сервере и поэтому не умеет обрабатывать события связанные с устройствами - мышкой,
клавиатурой и.т.п., так устройства эти находится у клиента, например, на РС.
В связи с этим
Спойлер (Отобразить)В Одессе пожелая дама ловит такси.
Остонавливается часник.
Водитель:
- Модам, куда ехать?
Дама:
- Но Вы же не таксист!
Водитель:
- Модам, Вам нужно ехать или Вам шашечки нужны? Если, Вам нужно "ехать" т.е. при нажатие на элемента селекта отобразить поля даты и времени,
то нужно использовать Java Script и CSS.
Так без PHP:
Спойлер (Отобразить)CODE ( html):
скопировать код в буфер обмена
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test changeDivFromSelect</title> <style> div{ display:none; margin-top:10px; border:1px dotted black; width: 200px; padding:10px; } </style> <script> //-------------------------------------------------------------------------- function changeDivFromSelect(idSelect){ ObjSelect=document.getElementById(idSelect); ObjInd=ObjSelect.selectedIndex; if(ObjInd==0) { alert('Пожалуйста, выберите: "Дата и время", "Номер рейса", "Аэропрт вылета"'); return; } kOptions=ObjSelect.options.length; for (i=0; i<kOptions; i++) { idDiv="Div"+i; ObjDiv=document.getElementById(idDiv); if(ObjDiv) { dis=(i==ObjInd)?"block":"none"; ObjDiv.style.display=dis; } } } //-------------------------------------------------------------------------- </script> </head> <body> <form action="" method="post"> Прибытие:<br> <select id="arrival" onClick="changeDivFromSelect(this.id)"> <option></option> <option>Дата и время</option> <option>Номер рейса</option> <option>Аэропoрт вылета</option> </select> <div id="Div1"> Дата:<br> <input name="fromDate" type="text" /><br> Время:<br> <input name="fromTime" type="text" /> </div> <div id="Div2"> Номер рейса:<br> <input name="fromNr" type="text" /> </div> <div id="Div3"> Аэропoрт вылета:<br> <input name="fromAPT" type="text" /> </div> </select> </form> </body> </html>
a так немного с PHP:Спойлер (Отобразить)CODE ( htmlphp):
скопировать код в буфер обмена
<? $Options=["Дата и время", "Номер рейса", "Аэропрт вылета"]; ?> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test changeDivFromSelect</title> <style> div{ display:none; margin-top:10px; border:1px dotted black; width: 200px; padding:10px; } </style> <script> //-------------------------------------------------------------------------- function changeDivFromSelect(idSelect){ ObjSelect=document.getElementById(idSelect); ObjInd=ObjSelect.selectedIndex; if(ObjInd==0) { alert('Пожалуйста, выберите: <?=implode(", ",$Options);?>'); return; } kOptions=ObjSelect.options.length; for (i=0; i<kOptions; i++) { idDiv="Div"+i; ObjDiv=document.getElementById(idDiv); if(ObjDiv) { dis=(i==ObjInd)?"block":"none"; ObjDiv.style.display=dis; } } } //-------------------------------------------------------------------------- </script> </head> <body> <form action="" method="post"> Прибытие:<br> <select id="arrival" onClick="changeDivFromSelect(this.id)"> <option></option> <? foreach($Options as $text) { echo "<option>$text</option>"; } ?> </select> <div id="Div1"> Дата:<br> <input name="fromDate" type="text" /><br> Время:<br> <input name="fromTime" type="text" /> </div> <div id="Div2"> Номер рейса:<br> <input name="fromNr" type="text" /> </div> <div id="Div3"> Аэропoрт вылета:<br> <input name="fromAPT" type="text" /> </div> </select> </form> </body> </html>
Удачи!(Отредактировано автором: 15 Сентября, 2019 - 08:50:29)
|