select标签 设置只读

目的 ：

     select 标签只做展示，不可修改

<select id="type"></select>

 

添加disabled属性，可以达到不可修改的效果，但是在进行form表单提交的时候，被disabled的字段是不会被提交的。

$("#type").attr("disabled","disabled");

 

添加readonly属性，对于普通输入框，添加只读readonly属性，可以达到不可修改的目的，也能提交，但是对于select标签，readonly属性只能使选择框变灰，实际还是可以修改的。

$("#type").attr("readonly","readonly");

 

实现select 只读，可以通过很多方式，例如添加事件、或者disabled,提交时改回可用，但是都很麻烦，添加事件往往还会遇到兼容性问题。

 

这里提供一种简单且兼容的方式。

$("#type").attr("readonly","readonly");

$("#type").attr("onfocus","this.defaultIndex=this.selectedIndex;");
        
$("#type").attr("onchange","this.selectedIndex=this.defaultIndex;");

这样可以达到默认选择，无法修改的目的，此处添加的readonly属性只是单纯的让select看上去是灰的  ~    

 

^_^

 

转载于:https://www.cnblogs.com/loyst/p/6611924.html