如何使用easyUI来隐藏下拉框combobox的下拉箭头(附带效果图)?
前几天用easyUI做项目的时候碰见了一个问题,需要combobox下拉框但又不想让下拉框的箭头显示出来,就像我们使用百度的时候,你双击输入框就会自动显示下拉列表的内容,但是没有下拉框的那个下拉箭头,如下图所示:
那么我们如何实现这个功能的呢? 其实很简单,只需下面的两行代码即可实现:
$('#cmbRangeId').combobox({
editable:true,
hasDownArrow:false
});
//#cmbRangeId就是你input输入框的ID,hasDownArrow:false代表着下拉框的箭头不显示,editable:true代表着下拉框可编辑。
通过加入这一段代码,就可以实现我们的需求了。
我的设置的是只显示一个值,所以下拉列表就一个值。