转:jquery获得select option的值 和对select option的操作
2015-12-03 10:19
585 查看
转:jquery获得select option的值 和对select option的操作
获取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[i].text == text) { $("#ddlRegType ").get(0).options[i].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
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
清空 Select:
$("#ddlRegType ").empty();
jquery获得值:
.val()
.text()
设置值
.val('在这里设置值')
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
})
$("#btn4").click(function(){
$("[name='checkbox']").each(function(){//反选
if($(this).attr("checked")){
$(this).removeAttr("checked");
}
else{
$(this).attr("checked",'true');
}
})
})
$("#btn5").click(function(){//输出选中的值
var str="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"\r\n";
//alert($(this).val());
})
alert(str);
})
})
相关文章推荐
- jQuery-1.9.1源码分析系列(十五) 动画处理——缓动动画核心Tween
- jQuery与java之SSH解决跨域请求
- jquery中的replaceWith()和html()有什么区别?
- js 事件冒泡是什么如何用jquery阻止事件冒泡
- jQuery is not must for us--元素选取
- jQuery使用prop设置checkbox全选、反选
- jQuery使用prop设置checkbox全选、反选
- Jquery操作Radio
- 8款超绚丽的jQuery焦点图动画
- jQuery.Validate常用的一些规则
- jQuery.Validate常用的一些规则
- jQuery1.4.2中关于:not(:first)一个问题
- jQuery中的mouseenter和mouseleave事件
- jQuery选择器
- jQuery移动web开发中的页面初始化与加载事件
- jQuery+jsp实现省市县三级联动效果(附源码)
- 浅析jQuery Mobile的初始化事件
- jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
- jQuery 1.9.1源码分析系列(十五)之动画处理
- jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介