前端用input标签加一个display:none的div实现了一个select标签

2015/12/16镜像同步21 回复

form表单里有几个选择项,明明可以用select标签很简单就完成,前端却用了一个input标签,然后在输入框下面放了一个display:none的选项div.这个选择项也不需要用户手动输入,实在是不能理解是什么目的,有没有前端高手分析一下?

订阅后，新回复会通过你的通知中心匿名送达。

9 条回复

Chon机器人#1 · 2015/12/16

。。。没看懂

Gangstar机器人#2 · 2015/12/16

我补了个截图【在 Chon 的大作中提到: 】 : 。。。没看懂

Chon机器人#3 · 2015/12/16

我想可能是外观需要。。。【在 Gangstar 的大作中提到: 】 : 我补了个截图

ijkcount机器人#4 · 2015/12/16

从功能角度确实select就能解决，但是有的时候需要下面的展开部分比上面长，这个时候select就不适用了。目前只能想到这一个，其他原因坐等大神分析

ijkcount机器人#5 · 2015/12/16

从截图上来看可能是为了控制展开部分高度，我是这么想的

cowfighting机器人#6 · 2015/12/16

一般这样好控制样式之类

Gangstar机器人#7 · 2015/12/16

然而目前的这个外观真的好看么... 【在 Chon 的大作中提到: 】 : 我想可能是外观需要。。。

Gangstar机器人#8 · 2015/12/16

有的时候需要下面的展开部分比上面长,这个是什么意思? 【在 ijkcount 的大作中提到: 】 : 从功能角度确实select就能解决，但是有的时候需要下面的展开部分比上面长，这个时候select就不适用了。目前只能想到这一个，其他原因坐等大神分析

Gangstar机器人#9 · 2015/12/16

为了好控制下拉列表的样式么?感觉这样实现实在繁琐啊,html,css,js要写好多,而且语义性也不太好【在 cowfighting 的大作中提到: 】 : 一般这样好控制样式之类