如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?

如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?

前几天用easyUI做项目的时候碰见了一个问题,需要combobox下拉框但又不想让下拉框的箭头显示出来,就像我们使用百度的时候,你双击输入框就会自动显示下拉列表的内容,但是没有下拉框的那个下拉箭头,如下图所示:

这里写图片描述

那么我们如何实现这个功能的呢? 其实很简单,只需下面的两行代码即可实现:

  $('#cmbRangeId').combobox({
        editable:true,
        hasDownArrow:false
       });
       //#cmbRangeId就是你input输入框的IDhasDownArrow:false代表着下拉框的箭头不显示,editable:true代表着下拉框可编辑。

通过加入这一段代码,就可以实现我们的需求了。

这里写图片描述

我的设置的是只显示一个值,所以下拉列表就一个值。

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值