按省市搜索

控制器:

public function index(){
        //店铺详细地址
        if($_POST){
            $id=I("post.id");
            $pid=I("post.pid");
            if($pid=="" or $pid==0){
                $pid=$id;
            }
            $address = $this->getPro($pid,$this->lang,0,1);
            $this->assign("address",$address);
        }
        
        //地址省份
        $addr_cate = $this->getProList2("地址",$this->lang,0,1,0,0);      
        $this->assign("addr_cate",$addr_cate);


	$this->display();
}

// 获取二级分类
public function get_class(){
        if (IS_POST) {
            // 默认分类第一个
            $id = I('post.id', '', 'intval');
            // 获取二级分类
            $class = $this->getProList($id,$this->lang,0,1,0,0);

            // 组装html
            $option = '';
            // $option .= '<option value="0">请选择城市</option>';
            foreach ($class as $k => $v) {
                $option .= '<option value="'.$v['id'].'">'.$v['proclassname'].'</option>';
            }

            $this->ajaxReturn(array($option));
        }
        $this->display();
}

模板:

		<div class="con">
			<ul class="search">
				<li class="search-left">
					<div class="search-t">查找店铺</div>
					<div class="search-form">
						<form action="<{:U('Network/index')}>" method="post" class="form-horizontal" role="form" οnsubmit="return check();">
							<div class="form-group">
								<label class="col-xs-4">请选择省份</label>
								<div class="col-xs-8">
									<select class="form-control" id="testType" name="id" οnchange="get_class()">
									 	<option value="0">请选择省份</option>
									    <volist name="addr_cate" id="vo">
								        <option value="<{$vo.id}>"><{$vo.proclassname}></option>
								        </volist>
								    </select>
								</div>
							</div>
							<div class="form-group">
								<label class="col-xs-4">请选择城市</label>
								<div class="col-xs-8">
									 <select class="form-control" id="testType2" name="pid">
									 	<option value="0">请选择城市</option>
								     </select>
								</div>
							</div>
							<div class="form-group">
								<button type="submit" class="submit">搜索店铺</button>
							</div>
						</form>
					</div>
				</li>
				<li>
					<div class="search-t">查找店铺</div>
					<div class="search-info">
						<if condition="$address eq ''">
						<p>请在左侧选择省份及城市</p>
					    </if>
						<{$address[0].proname}>
						<{$address[0].procontent}>
					</div>
				</li>
				<div class="clear"></div>
			</ul>
		
                </div>
---------------------------------------------------------------------------------------------------
<script type="text/javascript">
    function get_class()
    {
        // 选中值
        var option = $("#testType option:selected").val();
        var url = "<{:U('Network/get_class')}>";
        $.post(
            url,
            {id : option},
            function(data){
                $("#testType2 option").remove();
                $("#testType2").append(data);
            }
        );
    }

    function check()
    {
        // 选中值
        var option = $("#testType option:selected").val();
        if (option == 0) 
        { 
            alert("请选择省市查找"); 
            return false; 
        } 
    }

</script>

效果如下图,左侧通过省和市进行搜索,在右侧显示搜索结果



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值