`
jing474
  • 浏览: 8143 次
  • 性别: Icon_minigender_1
最近访客 更多访客>>
社区版块
存档分类
最新评论

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); 
}) 
})

 

 

转载自:http://hi.baidu.com/wanyujun/blog/item/41b54f90f1527896a877a445.html

分享到:
评论

相关推荐

    jquery获得select option值

    jquery获得select option值

    jquery获得selectoption值[文].pdf

    jquery获得selectoption值[文].pdf

    Jquery操作Select option整理

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

    jQuery获取Select标签的手册

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

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

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

    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

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

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

    Jquery操作select标签例子

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

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

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

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

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

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

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

    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所有的value和text的实例

    下面小编就为大家带来一篇jquery获取select,option所有的value和text的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    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 option和添加移除option的实现方法

    下面小编就为大家带来一篇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的...

    jQuery获取select选中的option的value值实现方法

    下面小编就为大家带来一篇jQuery获取select选中的option的value值实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

Global site tag (gtag.js) - Google Analytics