0

我有一个用于将产品添加到站点的表单。该表单包含 2 个下拉框，一个用于类别，一个用于子类别。当您在第一个类别中选择一个类别时，第二个类别应填充与其关联的子类别。猫和子猫来自 2 个 mysql 表。类别被加载到第一个框，但是当我选择一个时，没有子猫被加载到第二个下拉列表！

这是我的表单和 ajax 来加载 subcats

<form class='adminform1' action='add_products.php' method='post' enctype='multipart/form-data' name='image_upload_form' id='image_upload_form'>
            <?php
               include '../inc/categorydropdown.php';
                ?>
               <span class='formheading'>Add Product</span><br /><br />
               <p><b>Choose Image</b><br /><input name="image_upload_box" type="file" id="image_upload_box"  /></p>
               <b>Name</b><br /><input type=text name="aname" /><br />
               <b>Description</b><br /><textarea rows="12" cols="40" name="adescription"></textarea><br />
               <b>Price</b><br /><input type=text name="aprice" /><br />
               <b>Product Code</b><br /><input type=text name="acode" /><br />
               <p><label for="cat">Category</label>
               <select name="cat" id="cat">
                  <?php echo $op;?>   
               </select><br />
               <label for="subcat">Subcategory</label>
              <select name="subcat" id="subcat"> </select></p>
              <br />
              <br />
              <input type='submit' id='submit' name='submit' value='Add Product' />
              <input type='hidden' value='new' /><br />

        </form>
       <script>
         //bind category dropdown change event
         $('#cat').change(function(){
            getSubCat();
         });
         //change subcat dropdown
        function getSubCat(){
           cat = $('#cat').val();
           $.post("../inc/subcat.php", { cat: cat }).done(function(data) {
              $('#subcat').html(data);
           });
        }
        //run on page load
        getSubCat();
      </script>

这是我的 php，用于生成用于发送到 ajax 代码的子目录。

<?php
include 'connect.php':
if(isset($_POST['cat'])){
$cat = intval($_POST['cat']);
$query = "SELECT subcat_id, subcategory FROM `subcategories` WHERE cat_id = $cat";
$result = $link->query($query) or die('error');
$subcatOps = '';
if(mysqli_num_rows($result)){
    while ($row = mysqli_fetch_assoc($result)) {
        $subcatOps .= "\n\t<option value='{$row['subcat_id']}'>{$row['subcategory']}</option>";
    }

}
echo $subcatOps;
?>

任何人都可以看到问题吗？

谢谢

4

1 回答 1

0

@koala_dev 关于您应该如何进行调试是正确的。但乍一看并假设您的 $.post 调用正在访问正确的 URL，{ cat: cat }应该是{ 'cat': cat }.

必须引用 JSON 中的键以避免需要对保留关键字进行其他转义：https ://stackoverflow.com/questions/949449/json-spec-does-the-key-have-to-be-surrounded-with-quotes

于 2013-08-02T19:00:49.973 回答