下拉框沒有readonly=”readonly”屬性,也就是這個屬性就下拉框而言就不起作用。
1.<select onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex=this.defaultIndex"></select>
給下拉框設置這二個屬性可以起到只讀的效果,即使你可以選但是值是沒有改變的,可以使用。
2.<select id="s1" name="s1" disabled="disabled"></select>
disabled這個屬性是禁用的意思,設置了這個屬性下拉框值會變成灰色的,而且表單提交的時候這個值是不會傳值的,默認為null。請謹慎使用。如需使用可以在表單提交之前,移除這個屬性 $(“#s1”).removeAttr(“disabled”);
3.<select id="s1" name="s1"></select>
禁止修改這個下拉框
$(function(){
$(“#s1”).click(function(){
alert(“此處不可選擇!”);
return false;
});
})
以上三種方法供大家選擇,個人還是喜歡第一種。
