如何设置 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");

posted @   poterliu  阅读(9673)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示