JSP常用Form表单控件

时间:2022-09-18 23:39:02

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 = $('#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>

JSP常用Form表单控件

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