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








  • 相关阅读:
    动态规划0-1背包问题
    在网页上加入运行代码的功能
    关于CSS基础框架的学习
    Hadoop综合大作业
    hive基本操作与应用
    用mapreduce 处理气象数据集
    熟悉常用的HBase操作,编写MapReduce作业
    爬虫大作业
    熟悉常用的HDFS操作
    数据结构化与保存
  • 原文地址:https://www.cnblogs.com/wllcs/p/6230228.html
Copyright © 2011-2022 走看看