当前位置: 移动技术网 > IT编程>开发语言>JavaScript > jquery ajax 读取联动菜单 select菜单

jquery ajax 读取联动菜单 select菜单

2017年12月21日  | 移动技术网IT编程  | 我要评论
jquery ajax 读取联动菜单 select菜单 jquery ajax 读取联动菜单 select菜单演示

JavaScript Code<script type="text/javascript"> $(document).ready(function() { $(".country").change(function() { var id=$(this).val(); var dataString = 'id='+ id; $.ajax ({ type: "POST", url: "ajax.php", data: dataString, cache: false, success: function(html) { $(".city").html(html); } }); }); }); </script>

XML/HTML Code

大类: --Select-- include('../../conn.php'); $sql=mysql_query("select * from bigclass"); while($row=mysql_fetch_array($sql)) { $id=$row['bigclassid']; $data=$row['bigclassname']; echo ''.$data.''; } ?>

小类 : --Select--

ajax.php

PHP Codeinclude('conn.php'); if($_POST['id']) { $id=$_POST['id']; $sql=mysql_query("select * from smallclass where bigclassid='$id'"); while($row=mysql_fetch_array($sql)) { $id=$row['smallclassid']; $data=$row['smallclassname']; echo ''.$data.''; } } ?>


原文地址:https://www.freejs.net/article_biaodan_100.html

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网