如何设制 select 不可编辑 只读

简介: 1. 这种方法可以使下拉框和平常没有区别,看起来没有任何不同。唯一不同的就是下拉并单并选择之后,它不会鸟你,选了和没有选一样一样的。就是无视客户的选择。


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");

目录
相关文章
|
11月前
|
前端开发 JavaScript
表格插件-bootstrap table的表内查看编辑删除
表格插件-bootstrap table的表内查看编辑删除
99 0
|
2月前
|
存储 关系型数据库 数据库
在 Postgres 中使用更改列类型
【8月更文挑战第11天】
43 0
在 Postgres 中使用更改列类型
|
5月前
|
JavaScript 索引
jquery操作select(取值,设置选中)
jquery操作select(取值,设置选中)
130 0
|
11月前
vxe-table可编辑状态默认显示下拉选select为默认展示
vxe-table可编辑状态默认显示下拉选select为默认展示
只读的表
只读的表
60 0
|
数据库
【TP5】select下拉框的默认显示父级
【TP5】select下拉框的默认显示父级
278 0
【TP5】select下拉框的默认显示父级
|
JavaScript 前端开发
select 下拉框不可选中
• disabled属性 • 定义和用法 • 浏览器支持 • 实例 • 业务应用 • 移除disabled属性
|
前端开发