如何在 select 日期后不单击任何按钮就显示来自数据库的输入 select 的值？

Question

<div class="col-md-12">
     <div class="form-group first">
        <label >Date_reservation</label>
        <input type="date" name="date_res">
     </div>
</div>
<div class="row">
     <div >
     <div class="form-group first">
        <label >Type_salle</label>
        <select   name="code_salle" >
          <option>STD1</option>
          <option>STD2</option>
          <option>STD3</option>
          <option>STD4</option>
      </select>
   </div>
 </div>
</div>

{{-- In the database, there is a table named rooms. I want to display all room details from the table(room) --}}

Answer 1

您将需要 Javascript 和一个 API 路由，因为您不能只将 html 连接到您的数据库，这不是它的工作方式。

另一种选择是使用 blade（laravel 的模板引擎）。

Answer 2

您应该使用以下代码更改 PHP 代码

<div class="col-md-12">
            <div class="form-group first">
                <label >Date_reservation</label>
                <input type="date" name="date_res" id="date_res">
            </div>
        </div>
        <div class="row">
            <div>
            <div class="form-group first">
                <label >Type_salle</label>
                <select name="code_salle" id="code_salle">
                   <option>STD1</option>
                   <option>STD2</option>
                   <option>STD3</option>
                   <option>STD4</option>
               </select>
           </div>
        </div>
        </div>

之后，您可以使用onchange函数从数据库中获取房间详细信息（fetch_room_data.php，用于从数据库中获取房间table详细信息）。在这里，我将提供一个示例代码

$('#date_res').on('change', function() 
{                                                                  
$.ajax({
url:"fetch_room_data.php",
method:"POST",
success:function(data)
{ 
  $('#code_salle').html(data);
}
});
});

如何在 select 日期后不单击任何按钮就显示来自数据库的输入 select 的值？

how show value of input select from database without click any button after select date?

javascript

php

html

ajax

laravel