控制器:
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>
效果如下图,左侧通过省和市进行搜索,在右侧显示搜索结果
