`
jaent
  • 浏览: 30742 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[转]jquery获得select option的值 和对select option的操作

阅读更多
转自:http://huiyi.yangteng.blog.163.com/blog/static/111209721201122160412/
获取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获得select option值

    jquery获得select option值

    jquery获得selectoption值[文].pdf

    jquery获得selectoption值[文].pdf

    Jquery操作Select option整理

    这个文档是本人在开发学习中下的别人的资料,觉得汇总的很好,后面在工作过程中修改了一些,非常有用,尤其是前端的,基本上对select option的操作都在这里面了。有收藏价值。

    用jquery获取select标签中选中的option值及文本的示例

    下面小编就为大家分享一篇用jquery获取select标签中选中的option值及文本的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    JQuery操作select

    举例说明如何通过JQuery操作select

    JQuery中对Select的option项的添加、删除、取值

    jQuery获取Select选择的Text和Value: 代码如下: $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); ...

    jQuery获取Select标签的手册

    jQuery获取Select标签的手册 单选组radio: $("input[type=radio][checked]").val(); 下拉框select的value值: $('select').val();...下拉框select选中的text 值:$("select").find("option:selected").text();

    Jquery操作select标签例子

    Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。

    jquery实现 两个select之间option的转移操作

    使用jquery技术实现 两个select之间option的转移操作,支持全选、单选、删除操作,代码简单,功能强大,拿过来就能用哦!内附效果截图

    jquery select应用

    jquery获得select option的值 和对select option的操作

    jquery模拟select

    /** * 模拟select * @param {box,tiggle} * @param box 父级别容器[模拟select最外围...* r-value 值[等同于option value] * @disription 对象(box)自身属性说明 * change(function(){}) 等同于select默认事件change */

    jQuery 获取select选中值及清除选中状态

    不会使用jQuery的后台真心伤不起,获取select下拉列表的值都让我搞了好一阵,然而并没有结束,恢复选中状态也是花了我半个小时。 这里先记一下省的以后会忘了。 获取jQuery中select下拉列表中的lang属性值: ...

    jquery根据name取得select选中的值实例(超简单)

    实例如下所示: &lt;select name=region[province] id= class=region valid&gt; &lt;option value=0 selected=selected tier=1&gt;省、直辖...取得textarea的值 &lt;textarea id='address'&gt;&lt;/textarea &gt; $(#textare

    Jquery遍历select option和添加移除option的实现方法

    下面小编就为大家带来一篇Jquery遍历select option和添加移除option的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    jquery获得option的值和对option进行操作

    jQuery获取Select元素,并选择的Text和Value: 代码如下: $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”)....

    jQuery 操作Option.rar

    jQuery操作两个select上、下、左、右移动select 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的...

    jquery操作select详解(取值,设置选中)

    每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了。 比如&lt;select class=”selector”&gt;&lt;/select&gt; 1、设置value为pxx的项选中  $(“.selector”).val(“pxx”); 2、设置...

    jquery获取select选中值的方法分析

    以前一直以为jquery获取select中option被选中的文本值,是这样写的: 复制代码 代码如下:$(“#s”).text(); //获取所有option的文本值 实际上应该这样: 复制代码 代码如下:$(“#s option:selected”).text(); //...

    浅析jQuery对select操作小结(遍历option,操作option)

    本篇文章是关于jQuery对select的操作进行了总结介绍,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics