多级联动实现思路及代码
来源:互联网 发布:刷牙最佳时间知乎 编辑:程序博客网 时间:2024/06/06 00:29
- 一下是视图层代码
- <!DOCTYPE html>
- <html>
- <head lang="en">
- <meta charset="UTF-8">
- <title></title>
- </head>
- <body>
- <table>
- <select id="countrys" onchange="sheng('countrys','sheng')"> //括号里第一形参 需要与id一致 方便下面接受id
- <option value="-1">请选择</option>
- <?php foreach($a as $v){
- echo "<option value='".$v['region_id']."'>".$v['region_name']."</option>"; //单引号解析$ 双引号不解析 所以需要拼结
- }?>
- </select>
- <select name="" id="sheng" onchange="sheng('sheng','shi')"> // id需要与上面括号第二形参一致 用户接受数据
- <option value="-1">请选择</option>
- </select>
- <select name="" id="shi" onchange="sheng('shi','xian')">
- <option value="-1">请选择</option>
- </select>
- <select name="" id="xian">
- <option value="0">请选择</option>
- </select>
- </table>
- </body>
- </html>
- <script src="<?php echo base_url('jquery-2.1.4.min.js') ?>"></script>
- <script>
- function sheng(cursel,nextsel){
- var id=$("#"+cursel).val();
- //alert(id);
- $.ajax({
- type:"POST",
- url:"<?php echo site_url('Welcome/country') ?>",
- data:"id="+id,
- dataType:"json",
- success: function(msg)
- {
- var str="<option value='-1'>请选择</option>";
- for(i in msg)
- {
- str+="<option value='"+msg[i]['region_id']+"'>"+msg[i]['region_name']+"</option>";
- }
- $("#"+nextsel).html(str);
- }
- });
- }
- </script>
- 控制器代码
- <pre name="code" class="php"><?php
- defined('BASEPATH') OR exit('No direct script access allowed');
- class Welcome extends CI_Controller {
- public function index()
- {
- $data['a']=$this->db->get_where('ecs_region',array('parent_id'=>0))->result_array(); //数据库用的表 是ecshop的地区表 查询0的地区
- // var_dump($data);
- $this->load->view('lian.html',$data);
- }
- public function country(){
- $id=$_POST['id'];
- $sheng=$this->db->get_where('ecs_region',array('parent_id'=>$id))->result_array();//查询对应下id的地区
- echo json_encode($sheng); //转为json格式
- }
- }
-
阅读全文
0 0
- 多级联动实现思路及代码
- 多级联动实现思路及代码
- ajax 实现多级联动。
- jQuery 实现多级联动
- EasyUI实现多级联动
- Jquery实现多级联动
- ajax 实现多级联动
- jquery实现多级联动
- ICallbackEventHandler接口实现多级联动
- Ajax实现多级联动菜单
- Ajax实现多级联动菜单
- 多级目录联动效果实现
- 权限思路及代码实现
- .net MVC 下拉多级联动及编辑
- 多级联动下拉列表Ajax方案实现
- 多级联动下拉框控件实现
- EXCEL如何实现多级联动下拉菜单
- yii 下拉列表多级联动 dropDownList 实现
- 利用python and or,if else 简化代码
- php加密函数使用
- QT编程之简单的按钮下拉菜单
- 《Single Image Haze Removal Using Dark Channel Prior》一文中图像去雾算法的原理、实现、效果及其他
- HDU
- 多级联动实现思路及代码
- 反向代理
- 网易2017春招笔试真题编程题集合
- C++ Primer 第3章 字符串、向量和数组 学习笔记
- 最小生成树-Prim算法和Kruskal算法
- HDOJ 4539 郑厂长系列故事——排兵布阵(状压DP)
- NOIP 2015 Day2 解题报告(全面)
- 邮件群发账号总是被封是什么原
- 阿里云服务器价格表