精华内容
下载资源
问答
  • jquery select2 级联 赋值

    千次阅读 2016-10-11 22:43:23
    刚刚接触jquery 不久,使用过程中需要对级联select2 进行赋值:$('#XX').val(x).trigger("change"); 会触发$('#XX')的onchange 时间刷新下级select,所以对下级的select赋值不是很方面。想了半天也没有找打好的...

     刚刚接触jquery 不久,使用过程中需要对级联的select2 进行赋值:$('#XX').val(x).trigger("change"); 会触发$('#XX')的onchange 时间刷新下级select,所以对下级的select赋值不是很方面。想了半天也没有找打好的办法,开始尝试修改select2插件,终于实现了对下级select的赋值。方法不是很好,希望得到改善。

    方法如下:

       1.查看select2 的js文件,发现Select2.prototype._registerDomEvents方法注册事件,其中 self.dataAdapter.current 方法设置当前选中项,而且为"change.select2"事件注册了elf.dataAdapter.current方法,所以select2通过  this.$element self.trigger('change')触发选中事件。

       2.为了使onchange 上级select改变选中时不触发原有的"onchange"事件,可以考虑为其注册新的事件,当选中改变时触发该事件。所以这里注册了change2事件

        this.$element.on('change2.select2', function () {
            self.dataAdapter.current(function (data) {
                self.trigger('selection:update', {
                    data: data
                });
            });
        });

        当对上级select赋值时选择触发change2:$('#XX').val(x).trigger("change2");事件即可完成赋值,又不会触发原来的onchange事件。

         

    展开全文
  • select日期级联

    千次阅读 2013-06-17 13:38:09
    前段时间根据项目需要,做一个select日期级联,在整个级联过程中需要进行判断的只有月的天数,年份和月份都是固定的。 $(document).ready(function () { var year = $("#idYear"); var month = $("#idMonth"); ...

    前段时间根据项目需要,做一个select日期级联,在整个级联过程中需要进行判断的只有月的天数,年份和月份都是固定的。

    <script type="text/javascript">
    $(document).ready(function () {
        var year = $("#idYear");
        var month = $("#idMonth");
        var day = $("#idDay");
        var date = new Date();
        var y = date.getFullYear().toString();
        MonDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
        //初始化年份
        for (var i = 1960; i <= y - 8; i++) {
            year.append("<option value='" + i + "'>" + i + "</option>");   //为Select追加一个Option(下拉项)
        }
        
        
        //初始化月份
        //month.get(0).options.add(new Option("请选择月", "请选择月"));
        for (var i = 1; i < 13; i++) {
        	if(i >= 10){
        		month.append("<option value='" + i + "'>" + i + "</option>");   //为Select追加一个Option(下拉项)
        	}else{
        		month.append("<option value='0" + i + "'>0" + i + "</option>");   //为Select追加一个Option(下拉项)
        	}
            
        }
      
        //初始化天数
        var mn = month.val();
        var ye = year.val();
        var n = MonDays[mn - 1];
        if ((ye % 4 == 0 && ye % 100 != 0) || ye % 400 == 0) {
            if (mn == 2) {
                n++;
            }
        }
        
        for (var i = 1; i < n + 1; i++) {
            if(i >= 10){
        		day.append("<option value='" + i + "'>" + i + "</option>");   //为Select追加一个Option(下拉项)
        	}else{
        		day.append("<option value='0" + i + "'>0" + i + "</option>");   //为Select追加一个Option(下拉项)
        	}
        }
       
        //月份改变时加载天数
        $("#idMonth").change(function () {
            var mn = month.val();
            var ye = year.val();
            var n = MonDays[mn - 1];
            
            //alert(ye + "," + mn + "," + n);
            day.empty();
            if ((ye % 4 == 0 && ye % 100 != 0) || ye % 400 == 0) {
                if (mn == 2) {
                    n++;
                }
            }
            //day.get(0).options.add(new Option("请选择日", "请选择日"));
            for (var i = 1; i < n + 1; i++) {
                if(i >= 10){
        			day.append("<option value='" + i + "'>" + i + "</option>");   //为Select追加一个Option(下拉项)
    	    	}else{
    	    		day.append("<option value='0" + i + "'>0" + i + "</option>");   //为Select追加一个Option(下拉项)
    	    	}
            }
        });
    });
    </script>
    
    
    
    <select id="idYear"></select>
    <select id="idMonth"></select>
    <select id="idDay"></select>


    展开全文
  • 网页应用中,多个select之间级联刷新是很常见的一个需求,本插件充份运用jquery强大的脚本功能,并运用json实现数据交互,实现了select无限级联的功能,接口调用简洁,刷新功能配置灵活,参数强大, 支持select元素...
  • select级联

    2014-05-23 22:31:51
    select 级联 动态元素级联
  • 里面有jar包,和伪码 使用jsquery插件级联的,有我的代码注释,不懂可以给本人留言
  • Js Select下拉框级联菜单,一共支持5级联动,相信够用了,这种菜单不用多介绍吧,后一级的值与前一级是父、子关系,该示例还演示了动态添加菜单、减少菜单的功能,还有显示/不显示空值的功能,如演示截图所示。
  • js操作select标签级联

    2013-04-18 23:10:51
    TYPE1 TYPE2 01 NOTIFY1 02 NOTIFY2 branch /** js操作select级联,代码不是很精简,有点多,O(∩_∩)O~
    <html>
    
    <head>
    
    <title></title>
    
    </head>
    
    <body>
        <table>
                <TR>
                <TD>
                 
           <select style="width: 100px" name="majorNotifyType" id="majorNotifyType" οnchange="mutableOnSelect('majorNotifyType', 'notifyType')">
            <option value="01" οnclick="test()">TYPE1</option>
            <option value="02" >TYPE2</option>
           </select>
            </TD>
          <TD height="25">
            
           <select style="width: 100px" name="notifyType" id="notifyType">
            <option value='01'>01 NOTIFY1</option>
            <option value='02'>02 NOTIFY2</option>
           </select>
          </TD>
          <TD id="tdTitle">branch</TD>
         
         </TR>
        </table>
    <script>
    /**
     js操作select级联,代码不是很精简,有点多,O(∩_∩)O~
    */
    function mutableOnSelect(majorId, value) {
        var selectedVal = cascadeMenu.getSelectOptionsVal(majorId);
        cascadeMenu.onChange(value, selectedVal);
    }
    
    var cascadeMenu = (function(){
        //获取指定的node
        function $(idName){
         var node = false;
          idName && (typeof idName == 'string') &&
          (node = document.getElementById(idName));   
          return node;
        }
        
        //replace指定的select标签的option选项
        function replace(id, options){
         var courier = $(id);
         courier.length = 0;
         while(options[0] && courier.appendChild(options[0]));
         return true;
        }
        
        //判断条件,执行
        function onchange( changedMenuIdName, contentType) {
         var __contentHTML = getChangeContentHTML(contentType);
         var __options = resolveOptions(__contentHTML);
         replace(changedMenuIdName, __options);
        }
        
        //获取改变后的contentHTML
        function getChangeContentHTML(value) {
         var __contentHTML_type_1 = "<option value='01'>01 breeze</option><option value='02'>02 fiz</option>";
         var __contentHTML_type_2 = "<option value='01'>01 courage</option><option value='02'>02 nerve</option><option value='03'>03 勇气</option>";
         if(value == '01') return __contentHTML_type_1;
         if(value == '02') return __contentHTML_type_2;
        }
        
        //解析成option
        function resolveOptions(contentHTML) {
            var options = [];
            var temp = document.createElement('a');
            temp.innerHTML =  '<select>' + contentHTML + '</select>';
            options = temp.getElementsByTagName('option');
            return options;
            
        }
        
        //获取选中的option的value
        function getSelectOptionsVal(id) {
            var selectedIndex = $(id).selectedIndex;
            alert(selectedIndex)
            var selectedVal = $(id).options[selectedIndex].value;
                        return selectedVal;
        }
        
        return 
                    {
                        onChange: ChangeSelectedItem,
                        getSelectOptionsVal: getSelectOptionsVal
                    };
      }());
    </script>
    </body>
    
    </html>
    


     

    展开全文
  • 使用Jquery进行select级联操作

    千次阅读 2013-11-18 21:51:15
    动态Select级联,这里使用的Jquery的$.ajax方法进行操作的。 首先定义两个需要的select "mySelect"为父级select “mySelect2”为动态级联select 1 2 3 //select选中事件 $("#mySelect").change(function(){ var...

    动态Select级联,这里使用的Jquery的$.ajax方法进行操作的。

    首先定义两个需要的select  "mySelect"为父级select  “mySelect2”为动态级联select


    
    
    
    
    
    
    
    
    展开全文
  • springMvc Jsp下拉框(select)级联

    千次阅读 2017-12-14 17:58:57
    "><input name="form-field-radio" id="form-field-radio2" type="radio" value="2">套餐</span></label> ;padding-left: 10px;">...
  • select2 下拉搜索 级联 全国省市区的三级联动 谢谢
  • bootstrap-select动态级联多选下拉框

    万次阅读 2018-09-25 13:58:33
    2、html 编码 <select class="form-control selectpicker" id="addCom"> </select> 用户 <select multiple id="addUsercode" class="selectpicker form-control"> </select> </div> ...
  • 我们如果自己动手写jQuery select 级联下拉菜单也是可以的,但是这需要一些时间,而且功能也没有这么强大,有可能你只是实现了jQuery select 2级联下拉菜单,或者3级,但是当需要更复杂的时候这个时候如果自己写就...
  • 利用jquery实现select下拉框级联效果

    千次阅读 2017-03-22 14:53:23
    所谓级联效果,即页面上存在具有包含关系的多组下拉框。当逻辑上的父级下拉框某个选项被选中(即selected),其包含的列表内容作为子级下拉框中的选项(option)供用户选择。例如:当用户选择所在区域时,城市下拉框...
  • struts实现select级联

    2014-08-28 22:46:02
    struts实现select级联,没有连接数据库
  • <z:select>级联操作

    2016-07-07 16:31:51
    在做项目的时候,碰到了级联操作问题,由于对公司所用东西不熟悉,导致两次都浪费不少时间,这次记录一下,以备查阅 1.首先我把前台页面粘贴过来,我要通过餐馆来控制所在区域,因此在餐馆下拉框中添加了onChange...
  • 最近做项目要用到级联下拉框联动,一开始用的是doubleselect,标签虽然挺好用,但是表单数据往后台传输,太困难了,没做出来,然后换的select下面 jsp: <%@ page language="java" import="java.util.*" ...
  • select级联下拉列表

    2015-06-19 13:22:28
    select级联下拉列表 JS实多级联动下拉菜单类,简单实现省市区联动菜单! 无刷新级联下拉框的jquery代码 jQuery+HTML5实现的带链接箭头的多级下拉菜单
  • &amp;amp;amp;lt;div class=&amp;amp;quot;layui-input-block&amp;amp;quot; style=&amp;amp;quot;...select name=&amp;amp;quot;&amp;amp;quot; id=&amp;amp;quot;getIn
  • select2级联下拉选择 两个下拉框,通过选择年级下拉框进行查询该年级下的所有班级。 可以对select添加onchage事件,监控下拉事件,下拉选择年级,把年级id传入后台查询出该年级下属班级,把班级列表展示到...
  • 每次我登录 系统时,第一次 选择级联菜单时,比如选择 山东省, 他就会报tajax error错 跳转到首页。 而再次重新选择级联菜单时, 再选择山东省,就会 在下一级输出 济南、青岛等市一级。这个问题困扰了很久...
  • Select级联,想必大并不陌生吧,本文为大家介绍下使用jquery是如何快速实现的,希望对大家有所帮助
  • select 级联

    2014-01-17 11:27:37
    每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如 1、设置value为pxx的项选中  $(".selector").val("pxx"); 2、设置text为pxx的项选中  $(".selector")....
  • 问题描述 表单中使用两个select 由第一个select控制另一个select的可选值 watch: { "stepInfo.type": function(newValue, oldValue) { this.stepInfo.ktype = null; } }, 监听select清除另一个select选中...
  • <select id="findStudentWithAddress" parameterType="Integer" resultMap="StudentResult"> select t1.* from student t1,address t2 where t1.addressId = t2.id and t1.id = #{id}; </select> ...
  • jQuery实现select级联

    2019-11-04 13:01:59
    使用Html5的数据属性(data-*)Map级联关系,代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Select级联</title> 5 <s...
  • select级联二级菜单

    2010-03-28 01:45:44
    非常实用的select二级级联菜单.欢迎下载学习
  • select级联实现

    2019-09-18 05:54:32
    select name="appld", id="nappld" style="vertical-align: middle;" onchangeg="changeApp()"><option value="">请送择</options><c:forEach items="${appInfoList}" var...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 47,474
精华内容 18,989
关键字:

select2级联