html表单元素有Disabled和Readonly之分:
- disabled的项目不会提交;
- readonly的项目会提交;
今天发现select(下拉选择)不支持readonly,只支持disabled,如果我们想提交里面的数据怎么办?方式很多,比如干脆整个select隐藏掉,或者输出html前已经判断到要隐藏了,就干脆输出成type=”hidden”的input,但这两种方法的缺点都是看不到这个选项的已选值。
所以,今天我采用了隐藏掉select的备选项option的方法,示例:
<select name="my_fav" id="my_fav" readonly=1> <option selected="1" value="Michael Jackson" style="display:none" >Michael Jackson</option> <option selected="1" value="Air Supply" style="display:none" >Air Supply</option> <option selected="1" value="Dido" style="display:none" >Dido</option> </select>
bonus一句简单的jquery:
$('select#my_fav option').css('display','none');


