通过 Ajax 检索/传递日期和选项数据到数据库

Question

我在处理 ajax 时遇到问题，无法将默认表单 (input type="data") 中的值与选项标签项一起传递

我已经尝试了数据选择器的方法来检索日期，但问题是我没有使用数据选择器，我使用的是默认的 PHP input type="date"。我想传递两个值，即 date 和 court_id 来执行/显示数据库中的表格（在单击两个表单之后）。

 /*this is display.php file*/
<input type="date" name="date_staff" id="staff_pick_date_ticket">

<select name='courtid' id='staff_select_court' multiple>
<option value='".$row['court_id']."'>".$row['courtTitle']."</option>
</select>

<div id="time_available">

/*this is myjs.php file*/
<script>  
   $(document).ready(function(){
   $('#staff_pick_date_ticket').click(function(){
    var date_id =$(this).data('staff_pick_date_ticket');
    $('#staff_select_court option').click(function() { 
        var court_id= $(this).attr('value'); 
        var action = 'show_time';
        $.ajax({
            url:"action.php",
            method:"POST",
            data:{date_id:date_id, court_id:court_id, action:action},
            success:function(data){
                $('#time_available').html(data);

              }
          })
      })
  })
  );  
</script>  

/*this is action.php file*/
if(isset($_POST['action'])){
if($_POST['action'] == 'show_time'){
$data = array(
    ':date_id' =>date("d/m/Y",strtotime($_POST["date_id"])),
    ':court_id'=>$_POST["court_id"]
    );
    echo $data[':date_id'];
    echo $data[':court_id'];
}
}

可以检测到 court_id，但 date_id 为空。我不知道为什么？有什么解决办法吗？

Answer 1

问题是您没有收到日期字段值

替换

var date_id =$(this).data('staff_pick_date_ticket');

与

var date_id =$('#staff_pick_date_ticket').val();

你会得到日期值