PHP 级联选择和日期时间选择器无法处理通过 ajax 以模式加载的动态数据

问题描述 投票:0回答:1

由于性能问题(因为我的数据加载了大约 2k 数据),我被迫通过 ajax 将用户信息从另一个页面加载到模态。这是我所遵循的tutorial。从教程中,我制作了两页(

index.php
file.php
)。
index.php
中的数据是通过数据表加载的,旁边有一个按钮可以打开模式。模态内的数据将来自
file.php
,它通过ajax加载。目标是让用户编辑从数据库中保存的用户数据。

在另一个模式中(通过

index.php
中的添加按钮),有一个级联选择和一个正在工作的日期时间选择器。我尝试将它添加到通过 ajax 加载的另一个页面 (
file.php
),不幸的是,代码不工作,什么也没有发生`.

概念

col1   col2    col3       action
id     name    address    edit/delete

Index.php

<html>
 <head></head>
  <body>
    <table>
      <td>
         <button>
      </td>
    </table> 
    
     <script></script> //insert ajax here which will be triggered by the button from table

     <modal> //blank modal that will be populated via ajax from file.php

  </body>
</html>

File.php

<?php some_query ?>//query here for populating form
<form>
   <select>  //cascading
   <select 2> //triggered via first selection
   <input text> //datetimepicker
</form>

index.php中添加用户下的级联代码

<select class="form-control" name="province" onChange="getSubcat(this.value);" >

<script>
    function getSubcat(val) {
        $.ajax({
        type: "POST",
        url: "/sis/php/get-subcat.php",
        data:'cat_id1='+val,
        success: function(data){
            $("#governate2").html(data);
        }
        });
    }
</script>

我尝试通过添加

file.php
html
head
标签和 jquery 链接来修改
body
以查看它是否有效但没有成功。

php jquery ajax datetimepicker cascading
1个回答
0
投票

好的。我能够解决问题。如评论中所述,我使用了控制台并能够找出问题所在。

对于级联选择

控制台显示找不到

ajax trigger
所以我就在
index.php page
中添加了上面的代码。现在它完美运行了

对于日期时间选择器

这部分很棘手,因为它没有在控制台中显示任何错误。我尝试在

file.php
中添加代码和脚本源,现在它完美运行了。

© www.soinside.com 2019 - 2024. All rights reserved.