ThinkPHP ajax 二级联动菜单

最新推荐文章于 2023-03-06 17:17:15 发布

bisai_liliu

最新推荐文章于 2023-03-06 17:17:15 发布

阅读量1.7k

点赞数 1

分类专栏：技术文章标签： thinkphp ajax 多级联动

本文链接：https://blog.csdn.net/bisai_liliu/article/details/50722804

版权

技术专栏收录该内容

5 篇文章 0 订阅

订阅专栏

自己写的一个ThinkPHPajax二级菜单联动，写的不好，希望大家改进改进

IndexContr.class.php

class IndexAction extends Action {
    public function index(){
		$db = M("Sort");
		if(IS_POST){
			if($_POST['two'] == ""){
				$sort = $_POST['sort_id'];
			}else{
				$sort = $_POST['two'];
			}
			var_dump($sort);
			die;
		}else{
			$list = $db -> where('aid = 0') -> select();
			$this -> assign('list',$list);
			$this -> display();			
		}

    }
	
	public function sortlist(){
		$db = M("Sort");
		$data = array();
		$data = $db -> where('aid=%d',$_POST['aid']) -> select();
		$this -> ajaxReturn($data);
	}
}

模板文件的html代码

<html>
	<head>
	<script type="text/javascript" src="__PUBLIC__/js/jquery-1.9.1.min.js"></script>
	</head>
	<body>
		<div>
		<form method="post" action="">
			<div class="sortlist">
				<div style="float:left">
				<select name="sort_id" id="one">
					<volist name="list" id="v">
						<option value="{$v.id}" data="{$v.two_list}">{$v.name}</option>
					</volist>
				</select>
				</div>
				<div class="hello" style="float:left"></div>
				<div><input type="submit" value="提交"></div>
			</div>
		</form>
		</div>
		<script type="text/javascript">
			$(function(){
				var id = $("#one").val();
				$.ajax({
					url:"{:U('Index/sortlist')}",
					type:'POST',
					cache:false,
					dataType:'JSON',
					data:{aid:id},
					success:function(data){
						if(data == null){
							$('.hello').html('');
						}else{						
							var html = '';
							html += '<select  name="two">';
							$.each(data,function(k,v){	
								html += '<option value="'+v.id+'">'+v.name+'</option>'
							})
							html += '</select>';
							$('.hello').html(html);
						}
					}
				});	
				
				
				$("#one").change(function(){
					var id = $(this).val();
				$.ajax({
					url:"{:U('Index/sortlist')}",
					type:'POST',
					cache:false,
					dataType:'JSON',
					data:{aid:id},
					success:function(data){
						if(data == null){
							$('.hello').html('');
						}else{
						
							var html = '';
							html += '<select  name="two">';
							$.each(data,function(k,v){	
								html += '<option value="'+v.id+'">'+v.name+'</option>'
							})
							html += '</select>';
							$('.hello').html(html);
						}
					}
				});	
				})
				
				
			})
		</script>
	</body>
</html>

希望大家多多指点，谢谢了！