<script language="javascript" type="text/javascript" >
$(function (){
      $.ajax({
            url:<select:link page="/tobaccoinfo.do?method=getBrandList" />,
            type: "get" ,
            dataType: "json" ,
            success: function (result){
                   var str="<option value=''>全部</option>" ;
                   for (var i=0;i<result.length;i++){
                        str+= "<option value="+result[i].id+">"+result[i].name+ "</option>" ;
                  }
                  $( "#brandid" ).html(str);
            }
      });
      $( "#brandid" ).change( function(){
             var brandid=$("#brandid" ).val();
            $.ajax({
                  url:<select:link page="/tobaccoinfo.do?method=getTobaccoName" />,
                  type: 'get' ,
                  data:{
                         'brandid' :brandid
                  },
                  dataType: 'json' ,
                  success: function (result){
                         var str="<option value=''>全部</option>" ;
                         for (var i=0;i<result.length;i++){
                              str+= "<option value="+result[i].id_+ ">"+result[i].name_+ "</option>" ;
                        }
                        $( "#tobaccoId" ).empty().html(str);
                  }
            });
      });
});
</script>

<body>卷烟品牌:<select:select property="brandid" addspacerow="false" style="width:100px" ></select:select>
卷烟名称:<select:select property="tobaccoId" addspacerow="false" style="width:120px" ></select:select></body>

如何根据Jquery实现两级联动的更多相关文章

  1. Jquery实现两级联动

    最后结果如下: 关键代码如下: <select name="customerCondition['credibilityBegin']" id="credibili ...

  2. ajax实现无刷新两级联动DropDownList

    ajax实现的无刷新三级联动 http://zhangyu028.cnblogs.com/articles/310568.html 本文来自小山blog:http://singlepine.cnblo ...

  3. JS练习：两级联动

    代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title ...

  4. Combobox下拉框两级联动

    下拉框的两级联动是我们开发中经常遇到一种情况.比如一个学生管理系统中,根据年级.科目及姓名查询学生考试成绩,年级和科目都是硬盘中的有限数据(数据库)而学生则可以有用户手动指定,这时在数据库中有年级和科 ...

  5. jquery 实现两级导航菜单

    主要用于运维系统, 对界面要求不高的场合.  深深感到自己页面设计能力弱爆了,只能借鉴一下了, 交互逻辑还可以胜任一点. 直接贴代码: 1.  HTML 页面及 JS 交互, 注意引入 Jquery ...

  6. JQuery EasyUI combobox 省市两级联动

    表名:province  结构如下 CallIn.tpl 模板页 <select id="consult_province" name="consult_provi ...

  7. jquery easyui Combobox 实现 两级联动

    具体效果如下图:

  8. jquery实现2级联动

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. ajax_get/post_两级联动

    使用ajax实现菜单联动 通常情况下,GET请求用于从服务器上获取数据,POST请求用于向服务器发送数据. 需求:选择第一个下拉框的值,根据第一个下拉框的值显示第二个下拉框的值 首先使用GET方式. ...

随机推荐

  1. LINUX怎么修改IP地址

    1,先搜索了一下,得到以下解释 IP IP地址 Netmark 子网掩码 Gateway 默认网关 HostName 主机名称 DomainName 域名 DNS DNS的IP 2,需要修改的文件常有 ...

  2. Qt入门（13）——Qt的调用退出

    如果我们创建了一个窗口,接下来使这个应用程序在用户让它退出的时候退出. #include <qfont.h>因为这个程序使用了QFont,所以它需要包含qfont.h.Qt的字体提取和X中 ...

  3. 怎么添加项目到SVN上面

     一.通过SVN客户端向服务器上面添加项目 1.在服务器上面创建一个文件夹,文件夹以项目名称命名. 2.在合适目录下右击后,点击SVN Checkout,将你在服务器上面创建的目录checkout下来 ...

  4. poj3186 Treats for the Cows

    http://poj.org/problem?id=3186 Treats for the Cows Time Limit: 1000MS   Memory Limit: 65536K Total S ...

  5. First Bad Version——LeetCode

    You are a product manager and currently leading a team to develop a new product. Unfortunately, the ...

  6. LeetCode (85): Maximal Rectangle [含84题分析]

    链接: https://leetcode.com/problems/maximal-rectangle/ [描述] Given a 2D binary matrix filled with '0's ...

  7. libvirt基于安装

  8. ASP.NET MVC3 ModelState.IsValid为false的问题

    模型验证通常在submit后调用Action之前进行验证,eg: public class ZhengXing    {        [Key]        public int ZhengXin ...

  9. apache POI 导出excel相关方法

    apache POI 操作excel无比强大.同时有操作word和ppt的接口. 下面讲解poi中常用方法. 1,设置列宽 HSSFSheet sheet = wb.getSheetAt(0); sh ...

  10. 隐式intent

    使用隐式Intent,我们不仅可以启动自己程序内的活动,还可以启动其他程序的活动, 这里我们首先指定了Intent的action是Intent.ACTION_VIEW,这是一个Android系统内置的 ...