欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

HTML 让select 提交但不显示

程序员文章站 2022-05-25 21:17:58
...
让Select不可见,一般都在用display:none, 但这样也带来一个问题,就是这个select不被提交, 如果既想让select提交,又不可见, 可以用“盖住”select的方法。

很多人说这个需求变态,其实需求原则客户的种种需要,并没有变态一说。

盖住select,让它不显示,但可以提交,方法如下:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<div style="position:relative">
<select onfocus="this.blur();"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
<div style="position:absolute;width:100%;height:100%;left:0px;top:0px;background:#fff;opacity:0;filter:alpha(opacity=0)"> </div>
</div>