easyui-combobox 设置option内容不换行

最新推荐文章于 2022-08-24 16:43:29 发布

转载最新推荐文章于 2022-08-24 16:43:29 发布 · 427 阅读

文章标签：

#javascript #ViewUI

本文介绍如何使用EasyUI 1.4.4版本中的combobox组件，并通过设置使其下拉选项在一行内显示，避免内容过长时自动换行的问题。

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

使用easyui 1.4.4

<select id="hotalid" class="easyui-combobox" data-options="
    url:'<%=basePath %>xxx.action',
     method:'get',
    valueField:'hotelId',
     textField:'hotelName',
     panelHeight:300" name="HotelID" style="width:100px;">
     <option></option>
</select>

$(function(){
    $(".combo").mouseenter(function(){
     $(this).prev().combobox("showPanel");
    $(".combobox-item").css({"white-space":"nowrap"});
               });
                
        });