设置下拉框为只读

下拉框没有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;
});
})

以上三种方法供大家选择,个人还是喜欢第一种。

原文地址:https://www.cnblogs.com/ming-blogs/p/10289061.html