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')获取当前选中的文字








  • 相关阅读:
    (九)分类展示上
    (八)用户退出
    (七)用户登陆
    opencord视频截图
    (六)电子邮件
    (五)密码加密
    (四)用户注册
    (三)首页处理
    this关键字在继承中的使用
    03.swoole学习笔记--web服务器
  • 原文地址:https://www.cnblogs.com/wllcs/p/6230228.html
Copyright © 2011-2022 走看看