脚本宝典收集整理的这篇文章主要介绍了php – 基于父类别的jQuery ajax无限动态选择框,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
| category_id | category_name | parent_id | 1 | Electronics | 0 | 2 | mobile Phones | 1 | 3 | Computers | 1 | 4 | Iphone | 2 | 5 | Samsung Galaxy| 2 | 6 | Asus Laptop | 3
因此,该表能够为父类别存储无限的子类别.
现在我想要实现的是,让我们说我选择电子产品,然后另一个选择框应该出现值列表移动电话和计算机.
然后,如果我选择计算机,另一个选择框将显示值列表华硕笔记本电脑.
我知道如何编码动态选择框,但它不适用于无限的子类别.
这个应该是这样的(根据我的想法).
<?PHP
$conn = MysqLi_connect(‘localhost’,’root’,’test’)或die(MysqLi_error($conn));?>
2)类别的dropdown.PHP
<?PHP include 'conf.PHP'; $query = 'SELECT * From category WHERE parent_id=0'; $result = MysqLi_query($conn,$query); $data = $result->fetch_all(MysqLI_ASSOC); ?> <!DOCTYPE htML> <html lang="en"> <head> <tITle>multiDropdown</title> <Meta charset="utf-8"> <Meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.COM/bootstrap/3.3.6/css/bootstrap.min.css"> </head> <body> <div class="container"> <div class="row"> <div class="col-md-4"> <select name="category" class="form-control category"> <option value="">Select</option> <?PHP foreach($data as $d){ echo '<option value="'.$d['id'].'">'.$d['category'].'</option>'; } ?> </select> </div> </div> <div id="dropdown_container"></div> </div> <script src="https://ajax.GOOGLEapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> </script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> <script> $(document).ready(function(){ $(document).on('change','.category',function(){ VAR id = $(this).val(); $.ajax({ url:'getcategory.PHP',type:'post',data:{'id':id},success:function(data){ //alert(data); $('#dropdown_container').append(data); } }) }); }); </script> </body> </html>
3)getcategory.PHP
<?PHP include 'conf.PHP'; if(isset($_POST['id'])){ $id= $_POST['id']; $query = 'SELECT * From category WHERE parent_id = '.$id; $result = MysqLi_query($conn,$query); $data = $result->fetch_all(MysqLI_ASSOC); if(!empty($data)){ echo '<div class="row"> <div class="col-md-4"> <select name="category" class="form-control category"> <option value="">Select</option>'; foreach($data as $d){ echo '<option value="'.$d['id'].'">'.$d['category'].'</option>'; } echo '</select> </div> </div>'; } } ?>
以上是脚本宝典为你收集整理的php – 基于父类别的jQuery ajax无限动态选择框全部内容,希望文章能够帮你解决php – 基于父类别的jQuery ajax无限动态选择框所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。