Форумы портала PHP.SU :: Версия для печати :: Как при нажатии на элемент селекта отобразить поля даты и времени?

1. учусьПрограммировать - 13 Сентября, 2019 - 11:02:27 - перейти к сообщению

Здравствуйте! нужна помощь.
как при нажатие на элемента селекта отобразить поля дати и времени на php без java.

2. LIME - 13 Сентября, 2019 - 13:41:34 - перейти к сообщению

java и JavaScript это разные языки
Никак. Php работает на сервере и знать не хочет о кликах. Он сформулировал html, отдал и забыл.

3. Vladimir Kheifets - 15 Сентября, 2019 - 08:49:38 - перейти к сообщению

учусьПрограммировать пишет:

Здравствуйте! нужна помощь.
как при нажатие на элемента селекта отобразить поля дати и времени на 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>

Удачи!