如何設置 html 中 select 標簽不可編輯、只讀

轉載自：

https://blog.csdn.net/hjm4702192/article/details/33729767

 

1. <select style="width:195px" name="role"  id="role" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">

這種方法可以使下拉框和平常沒有區別，看起來沒有任何不同。唯一不同的就是下拉並單並選擇之后，它不會鳥你，選了和沒有選一樣一樣的。就是無視客戶的選擇。

 

2.設置disabled屬性<select  style="width:195px" name="role" id="role" disabled="disabled">

 

這個看起來更直接，直觀就是有只讀的感覺，也不可以點擊和下拉了。里面的字也會變成灰色

 

當屬性設置為"disabled"時，提交表單時，select的值無法傳遞，提交前移除disabled屬性$("#role").removeAttr("disabled");

jquery添加屬性$("#role").attr("disabled","disabled");