JSP常用Form表单控件

Posted L蓝天碧水L

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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\')获取当前选中的文字








 

以上是关于JSP常用Form表单控件的主要内容,如果未能解决你的问题,请参考以下文章

Flutter控件——常用控件:表单Form

什么是FORM表单

java form表单提交到另一个jsp页面,但页面不跳转过去,求指点

JSP form表单无法提交

如何给动态添加的form表单控件添加表单验证

H5新增form控件和表单属性