select标签下拉列表无法动态增加高度

biaogeshuihuo 2015-08-05 04:02:46

有个项目要求，下拉框里一开始只有一个选项，点击下拉框，AJAX加载数据，向select里面添加数据，第一次点击的时候是这个效果

，也就是下拉列表动态加载之后没有撑开，我想要的效果是第一次点击之后这样

求解决

...全文

245 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

本文将覆盖select标签的全场景应用：从最基础的单选下拉列表，到支持多选的「多选框」；从静态选项到动态生成选项；从原生样式到自定义美化。无论你是刚学HTML的新手，还是需要优化表单交互的前端开发者，都能找到实用的知识。本文将按照「概念→原理→实战→扩展」的逻辑展开：先通过生活化案例理解select是什么，再拆解核心标签和属性，接着用代码实战演示各种场景，最后讲解高级技巧和未来趋势。select标签：HTML中用于创建下拉列表的容器标签（<select>option标签：下拉列表中的具体选项（

Select 下拉列表的内容如果有很多的话，内容框的高度就会很高，导致不好看的。作者百度了查看了很多资料，也试过。可以通过css和js来进行高度的控制但是不太好看。后来发现了通过combobox这个组件就可以解决这个问题了。一:引入js，css文件引入jquery.easyui.min.js,combobox-ext.css 这两个文件。二:在

首先通过一个例子来回顾一下select标签的用法：VolvoSaabFiatAudi然后效果一般时这样的：美与丑暂且不论...所有html元素中select算是比较坑爹的一个。他让人抓狂的地方主要是：不同的浏览器显示的默认下拉框样子不完全相同IE下无法手动设置select的高度(这是最坑爹的！)，只能靠font-size撑起来select右侧的下拉箭头是无法使用背景消除的，这就导致无法使用css进...

select的一些默认样式我们很难修改，比如图标的替换。接下来就说说如何修改这些默认样式：html代码：苹果葡萄给select添加父元素div目的是为了，用div的样式覆盖住select样式。css代码：div{//用div的样式代替select的样式width: 200px;height: 40px;border-radius: 5px;//盒子阴影修饰作用,自己随意box-shadow: 0 ...

您可以包含它的高度的OneTwoThreeFour 100％。有关包含表单的div的示例，请参阅this fiddle，其中select填充表单的高度。这从一个简单的结构开始，只是表单被包含在某个东西中，所以你可以看到相对的布局。div {background-color: #fff0f0;height: 40em;padding: 1.5em 1.5em 0 1.5em;}form {backg...

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章