分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

jquery实现 <select> 下的指定的<option></option> 处于禁用状态

发布时间:2023-09-06 01:26责任编辑:郭大石关键词:暂无标签

在开发中遇到一个新的需求,要求<select>下拉菜单中指定的几个 </option> 符合条件的时候,处于禁用状态;解决房方案:只需要在哪一项加上属性 disabled=""  即可。

通过juqery来对符合条件的<option>进行遍历,进行属性设置;   

 <option value="3" id="o3" disabled="" >已放款</option>
<select name="order_status" id="status">
???<option value="1" id="o1">未通过审核</option>
???<option value="2" id="o2">通过审核</option>
???<option value="3" id="o3">已放款</option>
???<option value="4" id="o4">已逾期</option>
</select>

通过jquery获取选中的选项值val();
var s = $("#status option:selected").val();

for(var i = 1; i<= loadOrderStatus; i++){

??$("#o"+i).attr(‘disabled‘,‘‘);

}




jquery实现 <select> 下的指定的<option></option> 处于禁用状态

原文地址:http://www.cnblogs.com/haoxuanchen2014/p/7891685.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved