EasyUI中combobox 获取选中的id或者text

最新推荐文章于 2021-02-23 05:49:49 发布

xlb_123

最新推荐文章于 2021-02-23 05:49:49 发布

阅读量7.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： web前端开发文章标签： easyui combobox

本文链接：https://blog.youkuaiyun.com/qq736150416/article/details/78044805

web前端开发专栏收录该内容

153 篇文章

订阅专栏

本文介绍如何在EasyUI的Combobox中获取选中的id和text。通过设置valueField和textField属性，结合hidden字段存储id和text值，实现对Combobox选择项的管理和页面展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<input type="hidden" id="hidCp" runat="server"/> //存id的值
<input type="hidden" id="hidCpText" runat="server"/> //存text的值，方便页面使用

   $('#ddlCP').combobox({
                valueField: 'text',
                textField: 'text',
                onChange: function (values, o) {
                    if (values != "" && (values.length < 5 || (values.length - 1) % 2 == 0)) {
                        if (values.length % 3 == 0) {
                            $('.combo input.combo-text').attr("disabled", true);
                        }
                        var url = '/base/Data/SearchCP.aspx?action=load01&keyword=' + values;
                        $("#ddlCP").combobox("reload", url);
                        $('.combo input.combo-text').removeAttr("disabled");
                    }
                },
                onSelect:function(record){
                    //获取下拉中的数据
                    var data = $('#ddlCP').combobox("getData");
                    console.log(data[0].id+"||"+data[0].text);
                    $("#hidCp").attr("value", data[0].id);
                    $("#hidCpText").attr("value", data[0].text);
                 }
            });

            var comboValue = $("input.combo-value").attr("value");
            if (comboValue == "" || comboValue == null) {
                $("#hidCp,#hidCpText").attr("value", "");
            }
            else {
                $('.combo input.combo-text').attr("value", $("#hidCpText").attr("value"));
            }

//鼠标离开，设置下拉框中文本框显示的文本

            $('.combo input.combo-text').mouseleave(function () {
                var comboValue=$("input.combo-value").attr("value");
                if (comboValue == "" || comboValue == null) {
                    $("#hidCp,#hidCpText").attr("value", "");
                }
                else {
                    $('.combo input.combo-text').attr("value", $("#hidCpText").attr("value"));
                }
            });