easyUI下拉框默认选中和联动、内容回显

最新推荐文章于 2024-10-01 21:28:00 发布

晓未苏

最新推荐文章于 2024-10-01 21:28:00 发布

阅读量1.2k

点赞数

分类专栏：前端文章标签： easyui

本文链接：https://blog.youkuaiyun.com/fffvdgjvbsfkb123456/article/details/104691793

版权

本文介绍了EasyUI中combobox组件的配置方法，包括如何实现联动效果、自定义选项展示以及内容回显。在联动功能中，详细讲解了如何设置垂直和水平滚动条，特别指出垂直滚动条可通过panelHeight属性控制，而水平滚动条则需通过CSS样式实现。对于内容回显，文章提供了相应的方法来显示已选择的选项。

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

<td>
   <input id="Area" name="Area"  type="text" style="width:125px;padding-left: 10px;" />
</td>

$(function() {
    //乡镇
    $("#Area").combobox({
       url : "${path }/geocodingRegion/getTownsAll",
       valueField:'id',
       textField:'name',
       panelHeight:"auto",
       mode : 'remote',
       editable:false,
       onSelect:function(n,o){   //当前选择
          if(o!=""&&n!=o){
             $("#Area").val(n.id);
          }
       }   
      onChange:function(n,o){   //当选项改变时触发
         if(o!=""&&n!=o){
             changeOrNot=1;
         }
      }
    });
});

-------------------------------------------------------联动------------------------------------------------------------------------------------

<tr>
         <td class="title">所属区域</td>
         <td>
            <select id="ddlEArea" name="ddlEArea" class="easyui-combobox easyui-validatebox"  data-options="editable:false" style

最低0.47元/天解锁文章