二级联动搜索框

html

<span class="select-box inline">
	<select name='first' class="select" id="type">
		<option value="0">一级全部分类</option>
			{volist name="first_class" id="vo"}
				<option value="{$vo.id}" {eq name="first" value="$vo.id"}selected{/eq}>{$vo.name}</option>
			{/volist}
	</select>
</span>
<span class="select-box inline">
	<select name="secend" class="select" id="lables">
		<option value="0">二级全部分类</option>
			{volist name="secend_class" id="vo"}
				<option value="{$vo.id}" {eq name="secend" value="$vo.id"}selected{/eq}>{$vo.name}</option>
			{/volist}
	</select>
</span>

js

//搜索框的二级联动
$('#type').change(function(){
            var   value = $(this).val();
            $.get("/ht.php/api/secend_class?first="+value, function(data){
                datas =  $.parseJSON(data);
                $("#lables").html('<option value="0">二级全部分类</option>');
                for (i in datas) {
                    $("#lables").append('<option value="'+datas[i]['id']+'">'+datas[i]['name']+'</option>'+"\n");
                }
            });
        }
);

php

public function secend_class(){
     $tagtype=isset($_GET['first'])?intval($_GET['first']):0;
     if ($tagtype){
         $res=db('category')->where('pid='.$tagtype.' and fid=0 and type=1')->select();
     }
     return json_encode($res);
}