disabled属性

定义和用法

disabled 属性规定禁用下拉列表。被禁用的下拉列表既不可用，也不可点击。

可以设置 disabled 属性，直到满足某些条件（比如选择一个复选框），才恢复用户对该下拉列表的使用。然后，可以使用 JavaScript 来清除 disabled 属性，以使下拉列表变为可用状态。

浏览器支持

所有浏览器都支持 disabled 属性。

实例

<select disabled="disabled"><option value ="volvo">Volvo</option><option value ="saab">Saab</option><option value="opel">Opel</option><option value="audi">Audi</option>
</select>

业务应用

<div class="form-group"><label class="col-sm-3 control-label">计划包含知识点：</label><div class="col-sm-8"><select th:if="${detailPlan.isPublish} == 1" disabled="disabled" id="detailPlanKpIds" name="detailPlanKpIds" class="form-control select2-multiple" multiple><option th:each="kp:${kps}" th:value="${kp.kpId}" th:text="${kp.kpName}" th:selected="${detailPlan.detailPlanKpIds?.contains(kp.kpId)}"></option></select><select th:if="${detailPlan.isPublish} == 0" id="detailPlanKpIds" name="detailPlanKpIds" class="form-control select2-multiple" multiple><option th:each="kp:${kps}" th:value="${kp.kpId}" th:text="${kp.kpName}" th:selected="${detailPlan.detailPlanKpIds?.contains(kp.kpId)}"></option></select></div></div>

当isPublish=1 时不可编辑select
使用disabled属性的select框值不能向后台传递，如果需要在页面展示时禁用select选择属性，但是提交数据时又需要提交select属性值，此时需要在提交之前移除disabled属性

移除disabled属性

function submitHandler() {if ($.validate.form()) {$("#detailPlanKpIds").removeAttrs("disabled");$.operate.save(prefix + "/edit", $('#form-detailPlan-edit').serialize());}}

select 下拉框不可选中相关推荐

select下拉框默认选中selected属性不起作用的解决方法 ligerui
select下拉框默认选中selected属性不起作用浏览器-360浏览器系统-win10 框架-ligerui 原先代码: <td align="left" class ...
angularjs的select 下拉框默认选中某个选项
angularjs的select 下拉框默认选中某个选项在网上找了很多链接,试验之后都不行.比如常见的: <select class="form-control" ng-m ...
php下拉默认选中的值,select下拉框默认选中
这次给大家带来select下拉框默认选中,select下拉框默认选中的注意事项有哪些,下面就是实战案例,一起来看一下. 本文主要介绍select下拉框的相关方法. 1.通过id获取下拉框的value和 ...
jquery中如何获取select 下拉框默认选中的值？
通过id获取下拉框默认选中的值 <select class="form-control" id="numbers"><option value ...
jq设置select下拉框默认选中
以下#sel为select的id 单选框: 一:通过value值设置默认选中方法一: $("#sel").val('xx');//设置value为xx的option选项为默认选中 ...
根据后台返回的值来select下拉框默认选中值
转载于:https://blog.51cto.com/11871779/2363444
jquery操作select下拉框的各种方法，获取选中项的值或文本，根据指定的值或文本选中select的option项等...
简介jquery里对select进行各种操作的方法,如联动.取值.根据值或文本来选中指定的select下拉框指定的option选项,读取select选中项的值和文本等. 这一章,站长总结一下jquer ...
python获取select选中的值_Python3.x：遍历select下拉框获取value值
Python3.x:遍历select下拉框获取value值 Select提供了三种选择方法: # 通过选项的顺序,第一个为 0 select_by_index(index) # 通过value属性 s ...
Layui实现动态生成select中的option项,同时设置select下拉框选中项
项目场景: 主要用于为民族select下拉框动态生成option值,同时在实现编辑功能时,表单中的select下拉框的选中项为后台传过来的数据. 举例: 如下图所示的表单内容,下图的民族和政治面貌se ...

select 下拉框不可选中