0 0

select 下拉框内容太宽显示不完10

各位大大遇到过此种问题么?由于页面排版,下拉框的宽不能增加了,但是下拉内容又显示不完,真纠结。
相同的代码,在chrome下却可以显示完全,如下:


在IE中显示如下:




在IE中怎么能像chrome中那样呢?
2011年11月28日 17:51
  • 大小: 12.9 KB
  • 大小: 11.5 KB

2个答案 按时间排序 按投票排序

0 0

用jquery写个函数就可以了
<select id="linjunhong" name="xiamen" onclick="changeWidth()"  style="width:100px">

  。。。。

  。。。。

</select>


function changeWidth(){

   $('#linjunhong').css("width","auto");

}

2011年11月29日 14:42
0 0

自己做select,或者用jquery的一些combobox组件。跟select一样的效果,但是显示效果可以在各种浏览器上统一,用原有的select在ie下是不可以改变的。

2011年11月28日 17:55

相关推荐

    select下拉框添加搜索功能

    在网页开发中,`select`下拉框是常见的用户交互元素,用于提供一系列选项供用户选择。然而,随着用户体验需求的提升,单纯的下拉选择已无法满足所有场景,特别是当选项众多时。为了提高用户的操作效率,我们常常需要...

    select下拉框自动显示选项

    select下拉框,按下空格键后让它的选项显示出来,按回车键选中值

    select 下拉框可以多选

    例如,我们可以修改下拉框的宽度、高度,以及选项的显示方式: ```css select[multiple] { width: 200px; height: 200px; overflow-y: auto; /* 防止滚动条超出容器 */ } option:checked { background-color: ...

    纯Css更改Select下拉框样式

    纯Css更改Select下拉框样式,显示框的样式更改,下拉列表的样式更改!纯干货,肯定是你需要的 纯Css更改Select下拉框样式,显示框的样式更改,下拉列表的样式更改!纯干货,肯定是你需要的 纯Css更改Select下拉框...

    jQuery Select下拉框美化插件 菜单淡如淡出动画

    尽管现在的浏览器更新换代后更加强大,浏览器默认控件也逐渐变得美观起来,特别是Select下拉框,已经不再是以前IE6那样的丑陋了。但是今天我们要为大家分享一款基于jQuery的Select下拉框美化插件,它完全重写了...

    为select下拉框添加滚动条

    当下拉菜单选项比较多的时候,select下拉列表内容过多,在IE中默认是30条选项,firefox默认是20条, 超过自动出现滚动条,但是在没出现滚动条时候样式特别不协调。本次上传的代码将提供一种方法将select下拉框添加...

    bootstrap-select 下拉框demo(含多种样式)

    bootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-select 下拉框demobootstrap-...

    搜索功能select下拉框实现自动匹配

    带搜索功能的select下拉框,类似百度google的搜索框,自己匹配,很好用

    jQuery select下拉框美化代码.zip

    `jQuery select下拉框美化代码`这个压缩包的实现可能还包含了其他细节,如防止多次点击导致的闪烁,以及在鼠标移出下拉框时自动隐藏内容等功能。这种美化代码对于提升网站的用户体验和专业感具有积极意义,特别是...

    纯js超酷select下拉框美化插件

    在网页设计中,Select下拉框作为数据选择的常见元素,其样式通常由浏览器默认控制,这往往不符合现代网页设计的美观需求。为了解决这个问题,开发者们创造了各种各样的插件,其中`tastySelect`就是一款专门用于美化...

    Javascript 操作select下拉框

    alert("Select 下拉框中不存在该值!"); } } ``` **功能说明:** 此函数用于从 `select` 下拉框中删除指定值的选项。 - **参数说明:** - `objSelect`: 目标 `&lt;select&gt;` 对象。 - `objItemValue`: 需要删除的...

    jQGrid动态填充select下拉框的选项值(动态填充)

    async: false, // 注意:如果需要在编辑时立即显示下拉框,需同步请求 }).responseText; } ``` 4. **处理响应**:服务器返回的数据通常是一个JSON数组,我们需要遍历这个数组,构建出下拉框的选项。假设服务器...

    select项内容过长解决办法

    然而,当`&lt;select&gt;`列表中的选项内容过长时,可能会出现一些问题,比如显示不全或者遮挡其他内容。针对这个问题,我们可以采取以下策略来优化和解决: 1. **设置固定宽度**:你可以为`&lt;select&gt;`元素设置一个固定的...

    Freemarker通用select下拉框

    首先,理解`select`下拉框在HTML中的基本结构,它由`&lt;select&gt;`标签定义,内部包含一系列`&lt;option&gt;`标签,每个`&lt;option&gt;`代表一个可选的值和显示文本: ```html &lt;select&gt; &lt;option value="value1"&gt;Text1 ...

    仿select下拉框

    在网页设计中,"仿select下拉框"是一种常见的用户界面元素,它的目的是为了提供一个更美观、功能更丰富的选择器,替代原生HTML中的`&lt;select&gt;`元素。原生的`&lt;select&gt;`元素虽然简单易用,但在样式定制和交互效果上存在...

    bootstrap select 下拉框通过拼音搜索汉字

    // 更新下拉框显示 $('.selectpicker').selectpicker('refresh'); }); }); ``` 在这个例子中,`liveSearch: true` 设置启用了实时搜索功能,`liveSearchPlaceholder` 设置了搜索框的提示文本。当用户在搜索框中...

    select下拉列表显示图片内容

    然而,传统的`&lt;select&gt;`标签并不支持直接在选项中显示图片,只支持纯文本内容。但随着现代Web技术的发展,我们可以通过一些技巧来实现`select`下拉框中显示图片和文本的复合内容。以下是一些关键知识点,用于在`...

    HTML中select下拉框内容显示不全部分被覆盖的解决方法

    总的来说,在面对HTML中select下拉框内容显示不全的问题时,可以在option元素中添加title属性来作为一种简单的解决方案。这种方法虽然不能直接解决显示问题,但可以提供一种有效的信息补充机制,保证用户在任何情况...

    微信小程序 select 下拉框组件功能

    1. select.wxml &lt;view class=select-box&gt; &lt;view class=select-current catchtap=openClose&gt; &lt;text class=current-name&gt;{{current.name}} &lt;view class=option-list wx:if={{isShow}} catchtap

Global site tag (gtag.js) - Google Analytics