select

标签：com   http   blog   img   c   log   t   sp   2014   404   cti   

select样式非常难看，在PC端通常就自己仿一个了，但是在移动端，select的使用方法还是不错的，所以写一个假的按钮，在点击它的时候展开select去选择内容是个不错的方法。

先看下京东触屏版的地址编辑页面（截图来自PC）

做法很简单，省份后面显示的文字怎么实现都成，需要做到的就是select正好覆盖在省份后的北京二字上面，然后opacity：0。当透明度为0的时候，select里的option并不会透明，因此这事儿就算办妥了。

如果是input：fiel 还可以使用另一种方法

假设假按钮id为btn,fiel的id为myfiel

$("#btn").click(function (){

　　$("#myfiel").click();

})

这样就可以打开fiel了。但这个方法对于select元素没法使用。

select,码迷,mamicode.com

select

标签：com   http   blog   img   c   log   t   sp   2014   404   cti   

原文地址：http://www.cnblogs.com/liqingchang/p/3701034.html