Easyui combobox设置值和文本的几种方式和问题

最新推荐文章于 2025-07-02 15:09:45 发布

原创最新推荐文章于 2025-07-02 15:09:45 发布 · 1w 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#easyui

Easyui 专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了Easyui Combobox设置值和文本的三种方法，包括直接使用setText和setValue方法，以及在不同场景下的使用效果。在实际操作中，通过示例代码展示了设置成功和未成功的情况，并对onLoadSuccess事件在Easyui中的作用进行了说明，特别是其在tree、combotree和form组件中的不同触发时机。

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

Easyui combobox设置值和文本的几种方式和问题
1、在Easyui 帮助文档中，我们可以看到combobox是继承自combo，combo中有两上方法：setText、setValue。

这里写图片描述

2、combobox设置值的方式一：

//获取从后台传过来的客户id
var customerId = '${customer.id}';

//初始化顾客下拉列表
$("#customerCombobox").combobox({
    url : "${basePath}/customer/queryCustomers.do?",
    valueField:'id',
    textField:'name',
    width:150,
    dataPlain : true,
    //设置默认值
    value : customerId
});

此种方式可以正常设置，运行如下图：

这里写图片描述

3、combobox设置值的方式二：


//初始化顾客下拉列表
$("#customerCombobox").combobox({
    url : "${basePath}/customer/queryCustomers.do?",
    valueField:'id',
    textField:'name',
    width:150,
    dataPlain : true
});

//设置值
$("#customerCombobox").combobox('setValue','${customer.id}');
//设置显示文本
$("#customerCombobox").combobox('setText','${customer.name}');

此种方式，没有设置成功，运行如图：

这里写图片描述

4、combobox设置值的方式三：

//初始化顾客下拉列表
$("#customerCombobox").combobox({
    url : "${basePath}/customer/queryCustomers.do?",
    valueField:'id',
    textField:'name',
    width:150,
    dataPlain : true,
    onLoadSuccess: function(){
        //设置默认值
        $(this).combobox('setValue','${customer.id}');
    } 
});