AD

浅析JQuery获取和设置Select选项的常用方法总结

本篇文章是对JQuery获取和设置Select选项的一些常用方法进行了汇总介绍,有需要的朋友可以参考一下

1.获取select 选中的 text:
$("#cusChildTypeId").find("option:selected").text();
$("#cusChildTypeId option:selected").text()

2.获取select选中的 value:
$("#ddlRegType ").val();

3.获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;

4.得到select项的个数

$("#cusChildTypeId").get(0).options.length

5.设置select 选中的索引:
$("#cusChildTypeId").get(0).selectedIndex=index;//index为索引值

6.设置select 选中的value:
$("#cusChildTypeId").attr("value","Normal");
$("#cusChildTypeId").val("Normal");
$("#cusChildTypeId").get(0).value = "Normal";

7.设置select 选中的text:
1>.var count=$("#cusChildTypeId").get(0).options.length;
for(var i=0;i<count;i++)
{
if($("#cusChildTypeId").get(0).options.text == text)
{
$("#cusChildTypeId").get(0).options.selected = true;
break;
}
}

2>.$("#cusChildTypeId").val(text);
$("#cusChildTypeId").change();

8.向select中添加一项,显示内容为text,值为value

$("#cusChildTypeId").get(0).options.add(new Option(text,value));

9.删除select中值为value的项
var count = $("#cusChildTypeId").size();
for(var i=0;i<count;i++)
{
if($("#cusChildTypeId").get(0).options[i].value == value)
{
$("#cusChildTypeId").get(0).remove(i);
break;
}
}

10.清空 Select:
1>. $("#cusChildTypeId").empty();
2>. $("#cusChildTypeId").get(0).options.length = 0;

标签: jquery, select
分类: jquery
时间: 2014-10-06

相关文章

  1. JQuery 获取和设置Select选项的代码

    JQuery获取和设置Select选项 获取Select : 获取select 选中的 text : $("#ddlRegType").find("option:selected" ...
  2. jQuery 获取和设置select下拉框的值实现代码

    jQuery获取和设置select下拉框值的实现代码.需要的朋友可以过来参考下,希望对大家有所帮助 获取Select : 获取select 选中的 text : $("#ddlRegType").fi ...
  3. jquery 获取和设置 select下拉框的值

    取select 选中的 text:$("#ddlRegType").find("option:selected").text(); 获取select选中的 value:$(&quo ...
  4. jQuery获取和设置表单元素的方法

    本篇文章主要对jQuery获取和设置表单元素的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery提供了val()方法,使用它我们可以快速地获取和设置表单的文本框.单选按钮.以及单选按钮的值. 使用 ...
  5. JQuery获取或设置ckeditor的数据(示例代码)

    JQuery获取或设置ckeditor的数据(示例代码).需要的朋友可以过来参考下,希望对大家有所帮助 从CKEditor取数据时, var data_tc = CKEDITOR.instances['txt_edito ...
  6. jquery获取及设置outerhtml的方法

    这篇文章主要介绍了jquery获取及设置outerhtml的方法,实例分析了jQuery实现针对outerhtml操作的技巧,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了jquery获取及设置outerht ...
  7. jQuery根据文本设置select选中失效问题

    $("#select_id option[text='jQuery']").attr("selected", true) 失效 text是Jquery关键字,不太灵光.可以给sel ...
  8. jQuery操作form input.select.checkbox.radio常用方法

    jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当 ...
  9. JQuery获取与设置HTML元素的内容或文本的实现代码

    使用JQuery可以非常容易地添加.获取和改变某个HTML元素的内容,你会为这种简便感到非常愉悦 先来看看演示效果: 欢迎访问脚本之家PHP教程 脚本之家PHP教程 简单易懂的JavaScript魔法 简单易懂的JQue ...
  10. jQuery 获取.设置HTML或TEXT内容的两种方法

    这篇文章主要介绍了jQuery 获取.设置HTML或TEXT内容的两种方法,需要的朋友可以参考下 jQuery提供了两个API可以直接用来为元素添加内容. html() text() 其中html()是为指定的元素添加h ...
  11. JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)

    本篇文章主要是对JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 jQuery获取Select选择的Text ...
  12. jQuery获取选中内容及设置元素属性的方法

    这篇文章主要介绍了jQuery获取选中内容及设置元素属性的方法,需要的朋友可以参考下 获取选中select : $("#id option:selected").val(); 自定义radio: $( ...
  13. jQuery获取Select选择的Text和Value(详细汇总)

    Select选择的Text和Value在使用中可能都需要获取到它们的值,以至搜集用户的需求,本文整理了一些常用而实用的操作技巧,感兴趣的朋友可以了解下,就当巩固自己的知识了,希望本文对你有所帮助 语法解释: 1. $(& ...
  14. Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    Jquery 获取表单text,areatext,radio,checkbox,select值的实现代码,学习jquery的朋友可以参考下.都是必须要了解的. jquery radio取值,checkbox取值,sele ...
  15. jQuery获取Select选择的Text和 Value

    jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当 ...
  16. JQUERY 设置SELECT选中项代码

    本篇文章主要是对JQUERY 设置SELECT选中项的代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 JQUERY可通过value值,设定指定value的option为选中项 $("#Select ...
  17. IE8下Jquery获取select选中的值post到后台报错问题

    IE8下出现的问题是直接将selectedValue post发送到后台,后台接收时会报错,这是因为IE8下selectedValue当成了数组,后台无法识别 我们一般使用jquery获取select时,一般这么用: & ...
  18. jQuery 获取/设置/删除DOM元素的属性以a元素为例

    这篇文章主要介绍了jQuery如何获取/设置/删除DOM元素的属性,需要的朋友可以参考下 jQuery的属性操作非常简单,下面以一个a元素来说明属性的获取/设置/删除操作 <body> <a>jq ...
  19. JQuery获取select的文本内容

    JQuery获取select的文本内容的表达式 $("#select_id").find("option:selected").text()