本文详细讲述了yii实现级联下拉菜单的方法,具体步骤如下:
1.模版中加入如下代码:
dropDownList($model,'src_type_id',OrderSrc::options(),array(
'id' => 'task-order-src-id',));
echo $form->dropDownList($model,'src_shop_id',array(''=>'全部'),array(
'id' => 'task-shop-id',))
?>
在这段代码中,OrderSrc_options() 这个是先读取一个下拉菜单。调用OrderScr model中的options方法。内容如下
hasShop();
$models = $model->findAll();
$array = array(''=>'全部');
foreach($models as $model) {
$array[$model->src_id] = $model->src_name;
}
return $array;
}
2.然后在模版页面中增加JS代码
,实现当第一个下拉菜单变化时给第二个下拉菜单进行内容赋值。
$().ready(function(e) {
$('#task-order-src-id').change(function(e) {
refreshShops();
});
refreshShops();
function refreshShops() {
$.get('createUrl('getShops')?>',{
'srcId': $('#task-order-src-id').val()
},function(html_content) {
$('#task-shop-id')
.html(html_content)
.find('option[value=src_shop_id?>]')
.attr('selected','selected');
});
}
});
在这段JS代码中,实现调取一个程序获取第二个下拉菜单的值(调用Controller中的actionGetShops方法),任何追加到第二个下拉菜单中。
Controller中的actionGetShops方法如下:
全部";
foreach($array as $k=>$v) {
$htmlContent .= "";
}
echo $htmlContent;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。