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

在开发中遇到一个新的需求,要求<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‘,‘‘);

}
				
时间: 2024-11-08 23:13:47

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

jQuery操作select下拉框的text值和value值的方法

1.jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2.jquery获取当前选中select的value值 var checkValue=$("#slc1").val(); 3.jquery获取当前选中select的索引值 var index=$("#slc1 ").get(0).selectedIndex; 4

JS/JQuery操作select下拉框

一.js 操作select 下拉框 var selObj = 下拉框对象 1. 移除所有项:selObj.options.length = 0; 2. 移除下拉框中的一项:selObj.options.remove(index); “index”为下拉框选项的索引值,若0索引项移出(自上而下),那么1索引项的索引会变为0,后面的索引依次向前推进 也可利用循环,移除所有项: var length = selObj.options.length; for(var i=length-1;i>=0;i-

jquery实现select下拉框可输入+联想关联option

下面代码摘自http://www.oschina.net/question/96791_12832 <script language="javascript" src="jquery-1.4.1.js"></script><script> $(document).ready(function() {    var cus = 0;    var classname = "";    var arry = new

Jquery学习笔记:利用jquery获取select下拉框的值

jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来. 我的下拉框是: <div class="form-group"> <select class="form-control" id="iv_level"> <option value="">店员</option> <option value="">店长</option>

jquery操作select下拉框的多种方法(选中,取值,赋值等)

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text3. var checkValue=$("#select

jquery操作select下拉框的多种方法(选中,取值,赋值等) 转载

jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#se

Jquery设置select控件指定text的值为选中项

<select name="streetid" id="streetid"> <option value="4">北环路</option> <option value="5">天河路</option> <option value="6">清华园路</option> <option value="7"

【技术】jquery模拟select下拉框取值效果

<!DOCTYPE html><html lang="en"><head><title>jquery模拟select框</title><meta charset="utf-8"><style>body{padding:0;margin:0;font-size:12px;}ul,li{list-style:none;padding:0;margin:0;}#dropdown{width

jquery Combo Select 下拉框可选可输入插件

Combo Select 是一款友好的 jQuery 下拉框插件,在 PC 浏览器上它能模拟一个简单漂亮的下拉框,在 iPad 等移动设备上又能回退到原生样式.Combo Select 能够对选项进行检索过滤,同时支持键盘控制. 支持浏览器: Safari, Chrome, Firefox, Opera iOS, Android, IE Mobile Internet Explorer IE 8 and above 开源地址:http://www.oschina.net/p/combo-sele