首页 > 代码库 > JSP常用Form表单控件

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 = http://www.mamicode.com/$(‘#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 = http://www.mamicode.com/$(‘#newstype‘).combobox(‘getData‘);
                    if (data.length > 0) {
                        $(‘#newstype‘).combobox(‘select‘, data[0].id);
                    }
                }
            });

 

 

 

easyui combobox 值怎样获取

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








 

JSP常用Form表单控件