thinkphp 级联菜单实现
2024-10-07 13:08:12
养殖场-》栋舍级联菜单
//获取默认养殖场和栋舍信息
public function sbjr(){ $yzc_model=M("Yzc"); $list = $yzc_model
->field("id, mingcheng")
->where("shenhe=1")
->order("id ASC")
->limit($page->firstRow . ',' . $page->listRows)
->select(); $juanshe_model=M("Juanshe"); $list1 = $juanshe_model
->field("id, mingcheng")
->where("yzcid=".$list[0]['id'])
->order("id ASC")
->limit($page->firstRow . ',' . $page->listRows)
->select(); $this->assign('list1', $list1);
$this->assign('list', $list);
$this->display();
}
//前端模板显示
<table class="table table-bordered">
<tr>
<th>养殖场名称</th>
<td>
<select name="yzcmc" id="yzcmc">
<foreach name="list" item="vo">
<option value="{$vo.id}">{$vo.mingcheng}</option>
</foreach>
</select>
<span class="form-required">*</span>
</td>
</tr>
<tr>
<th>栋舍名称</th>
<td>
<select name="dsmc" id="dsmc">
<foreach name="list1" item="vo">
<option value="{$vo.id}">{$vo.mingcheng}</option>
</foreach>
</select>
<span class="form-required">*</span>
</td>
</tr>
</table>
前端js操作,ajax获取栋舍信息
<script type="text/javascript"> $('#yzcmc').change(function(){
var objectModel = {};
var value = $(this).val();
objectModel['id']=value;
$.ajax({
cache:false,
type:"POST",
url:"{:U('Setting/getjuanshe')}",
dataType:"json",
data:objectModel,
timeout:30000,
error:function(){
alert("{:U('Setting/getjuanshe')}");
},
success:function(data){
$("#dsmc").empty(); var count = data.length;
console.log(count);
console.log(data);
var i = 0;
var b="";
for(i=0;i<count;i++){
b+="<option value='"+data[i].id+"'>"+data[i].mingcheng+"</option>";
}
$("#dsmc").append(b);
}
});
}); </script>
thinkphp后端返回栋舍
//获取圈舍 级联菜单
public function getjuanshe(){ $id=I('request.id');
$juanshe_model=M("Juanshe"); $list = $juanshe_model
->field("id, mingcheng")
->where("yzcid=".$id)
->order("id ASC")
->select(); //$this->ajaxReturn($list,"JSON");
echo json_encode($list);
}
最新文章
- 关于JSONP
- 清华学堂 列车调度(Train)
- java编译后字节码解析
- 63. Swap Nodes in Pairs &;&; Rotate List &;&; Remove Nth Node From End of List
- STM32学习笔记:系统时钟和SysTick定时器
- JAVA获取当前时间加一天
- .NET性能优化方面的总结
- [转]NodeJS、NPM安装配置步骤(windows版本)
- atoi函数和atof函数
- WebApi个人理解概要
- (step4.2.1) hdu 1372(Knight Moves——BFS)
- javascript中的promise和deferred:实践(二)
- 【转】缓存淘汰算法系列之1——LRU类
- Java中string 创建对象时 “”和null的差别
- HashMap原理阅读
- CentOS7关闭/开启防火墙出现 Unit iptables.service failed to load
- java实现循环链表的增删功能
- 我如何踏上IT路
- Python基础:语法基础(3)
- js数组方法大全