今天因为需求 需要改动一些页面显示,其中之一是修改积分政策发布政策来源的 下拉框显示。
目前需求是:公司登录的话政策来源下拉框只显示公司和厂商
4s店登录的话政策来源下拉框只显示店面的(设置成只读)
这里牵扯到 jquery 对select处理的方法。
//根据帐号的部门级别设置来源输入状态
function setSource(){
if(accountDto.orgLevel!=1){//显示的是4s店登录
$('#source').attr("disabled",true);
$('#source').val(2);
}
else{//下面显示的是公司登录
$("#source option[value='2']").remove();
//$("#source option[text='店面']").remove();
}
}
$('#source').attr("disabled",true);
$('#source').val(2);
上面这两句意思 是先设置成不可编辑或触发状态,第二句将下拉框的value值显示设置成2这样只显示店面
$("#source option[value='2']").remove();
作用是将 下拉框value值为2清除掉 只保存了公司 和厂商的显示
这个方法在ie6,ff,google的浏览器测试ok
但是$("#source option[text='店面']").remove(); 在ie6 ok,但在ff,google浏览器测试不通过(目前没有研究过why)
下面是一些jquery的select常用方法:
jquery 获取和设置 select下拉框的值(转)
获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();
获取select选中的 value:
$("#ddlRegType ").val();
获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;
设置select:
设置select 选中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
设置select 选中的value:
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
设置select 选中的text:
var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options.text == text)
{
$("#ddlRegType ").get(0).options.selected = true;
break;
}
}
$("#select_id option[text='jQuery']").attr("selected", true);
设置select option项:(个人感觉比较常用)
$("#select_id").append("<option value='Value'>Text</option>");//添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
$("#select_id option:last").remove(); //删除索引值最大的Option
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
ok没问题
在
ie6
ff
google
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
ie6
ok
ff
google
有问题
清空 Select:
$("#ddlRegType ").empty();
分享到:
相关推荐
简单实用的jquery select2组件
jquery select2 html select 内容搜索 下拉框搜索
jquery.searchableSelect。select插件,jQuery下拉选择框代码。带搜索功能的选择框代码。
jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器 jquery select日历选择器点击select框弹出日期选择器
jquery select下拉菜单美化搜索框样式代码
jQuery select下拉框美化代码基于jquery.1.10.2.min.js制作,点击下拉框,显示下拉框内容。
Jquery模拟select效果实现,纯自写,简单实用,可自行修改样式。
jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动 jquery select表单提交省市区城市三级联动
代码简介:jQuery Select下拉框美化特效是一款绿色清新风格的带有滚动条下拉框代码。
jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码 jquery.selectbox.js select下拉菜单美化代码
Jquery select 插件 select
下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select 下拉模糊查询 jQuery-select
jQuery Select(单选) 模拟插件 V1.3.6
80、jquery select下拉框美化代码
jQuery Select下拉框关键字匹配查询选择代码
select 检索插件jquery框架,根据输入内容自动过滤select 选项
jquery select 选中表单特效select城市选择三级 jquery select 选中表单特效select城市选择三级 jquery select 选中表单特效select城市选择三级 jquery select 选中表单特效select城市选择三级
jQuery实现select样式美化 jQselect.js
jQuery手机下拉框select jQuery手机下拉框select jQuery手机下拉框select
jquery select列表选择框选中美化效果源码