1. 程式人生 > >HTML 讓select 提交但不顯示

HTML 讓select 提交但不顯示

讓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>