zoukankan      html  css  js  c++  java
  • JSP常用Form表单控件

    【easyui】--combobox--赋值和获取选中的值

    /初始化下拉选框
        $('#communityIdDiv').combobox({    
            url:basepath+"pushController/queryCommonityName",
            valueField:'col_ID',    
            textField:'col_Name',
            panelHeight:80,
            selectOnNavigation:false,
            loadFilter:function(data){
                var o = [{'col_ID':'0','col_Name':'--全推--'}];
                $('#communityIdDiv').combobox("select",0);
                return o.concat(data);
            },
         onSelect:function(record){
            //获取下拉中的数据
            var data = $('#colOperateDiv').combobox("getData");
            //获取lable位置的值,一般都是类似主键的东西
            var lable = $("input[name='colCommunityId']").val();
            //遍历所有下拉框中的数据 data为数组形式
            for(var index in data){
                if(data[index].col_ID==lable){
    //$("#_easyui_combobox_i1_"+index).text()  就是动态的获取选中的数据(人眼直接看到的)
                    $('#td4').text($("#_easyui_combobox_i1_"+index).text());
                }
            }
        }
    });

    前台页面写法:

    <div id="communityIdDiv"  name="colCommunityId"></div>

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    $('#newstype').combobox({
                    url:'${ctx}/manage/news/newstype_comboxjson',
                    valueField:'id',
                    textField:'typename',
                    panelHeight:'auto',
                    required:'true',
                    editable:'false',
                    onLoadSuccess: function () {
                        var data = $('#newstype').combobox('getData');
                        if (data.length > 0) {
                            $('#newstype').combobox('select', data[0].id);
                        }
                    }
                });

    easyui combobox 值怎样获取

    $('#com').combobox('getValue')获取当前选中的值
    $('#com').combobox('getText')获取当前选中的文字








  • 相关阅读:
    win10去除桌面快捷方式小箭头
    java创建线程的几种方式
    Spring知识点总结
    Myeclipse运行报错:an out of memory error has occurred的解决方法
    vue-cli的使用
    3种jQuery弹出大图效果
    Weixin API -- 微信js接口
    setTimeOut传参数
    PHP的八种数据类型
    99%的人都理解错了HTTP中GET与POST的区别
  • 原文地址:https://www.cnblogs.com/wllcs/p/6230228.html
Copyright © 2011-2022 走看看