`

jquery select取值,赋值操作

阅读更多
select">jquery select取值,赋值操作

一、获取Select

获取select 选中的 text : 

$("#ddlRegType").find("option:selected").text();



获取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:

1 var count = $("#ddlRegType option").length;
2
3 for(var i=0;i<count;i++) 
4 {

5   if($("#ddlRegType ").get(0).options[i].text == text) 
6     { 
7         $("#ddlRegType ").get(0).options[i].selected = true; 
8         break; 
9     } 
10 }



$("#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();


下拉框:

var cc1   = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $('.formc select[@name="country"]').val();   //得到下拉菜单的选中项的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option

稍微解释一下:
1.select[@name='country'] option[@selected] 表示具有name 属性,
并且该属性值为'country' 的select元素 里面的具有selected 属性的option 元素;
可以看出有@开头的就表示后面跟的是属性。

2,单选框:
$("input[@type=radio][@checked]").val();   //得到单选框的选中项的值(注意中间没有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked'); //设置单选框value=2的为选中状态.(注意中间没有空格)

3,复选框:
$("input[@type=checkbox][@checked]").val(); //得到复选框的选中的第一项的值
$("input[@type=checkbox][@checked]").each(function(){ //由于复选框一般选中的是多个,所以可以循环输出
   alert($(this).val());
   });

$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined){} //判断是否已经打勾

//遍历option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
  $("select[@name=ISHIPTYPE] option").each(function(){
   if($(this).val() == 111){
    $(this).remove();
   }
  });
}else{
  $("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}


//取得下拉选单的选取值

$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();



更多详细内容请查看:http://www.111cn.net/wy/jquery/39494.htm
分享到:
评论

相关推荐

    jquery操作select取值赋值与设置选中实例

    jquery实现select下拉框的取值与赋值,设置选中的方法大全。 比如&lt;select class=”selector”&gt;&lt;/select&gt; 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....

    Jquery 表单取值赋值的一些基本操作

    ### Jquery 表单取值赋值的基本操作与高级选择器详解 #### 一、概述 JQuery 是一款流行的 JavaScript 库,它极大地简化了 HTML 文档遍历、事件处理、动画以及 Ajax 交互等任务。本文将详细介绍如何使用 JQuery 进行...

    jQuery 取值、赋值的基本方法.docx

    在jQuery中,取值和赋值是操作网页元素数据的核心功能。以下是对标题"jQuery 取值、赋值的基本方法"所涉及知识点的详细说明: 1. **取值方法**: - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于...

    jQuery 取值、赋值的基本方法.pdf

    在文档中,我们关注的是jQuery中关于取值和赋值的基本方法,这些方法对于前端开发至关重要。 1. **取值** - `$("#text_id").attr("value")` 或 `$("#text_id").val()` 用于获取文本框或文本区域的值。 - `$(...

    jQuery 取值、赋值的基本方法整理

    除了基本的取值和赋值,jQuery还提供了其他操作,如检查单选按钮或复选框是否被选中,或者改变选中状态。例如,`$("#chk_id").attr("checked", "checked")`可以勾选复选框,`$("#chk_id").attr("checked", "");`则...

    jQuery对html元素取值与赋值的方法

    在JavaScript的世界里,jQuery库提供了一种简洁的方式来操作HTML元素,包括取值和赋值。本文将详细讲解jQuery如何对HTML元素进行取值与赋值,特别关注文本框(TEXTBOX)、标签(LABLE)、单选按钮(Radio)、复选框...

    jquery select(列表)的操作(取值/赋值)

    select&gt;的id 2.设置选中项:$(“select[@id=’pagesize_slt’]”)[0].selectedIndex = 1;//—–&lt;select&gt;的index从0开始,所以1是第二项 很奇怪的是,我是用id来获取的,应该是唯一值,但$(“select[@id=’...

    Jquery操作下拉框(DropDownList)实现取值赋值

    本文将详细介绍如何使用jQuery来操作下拉框(DropDownList)进行取值和赋值。 首先,要获取下拉框中选中项的值,可以使用jQuery的`.val()`方法来获取选中项的Value值,这是实际存储在HTML标签中`value`属性的值。...

    jQuery中的RadioButton,input,CheckBox取值赋值实现代码

    本文将详细介绍如何使用jQuery对这些表单元素进行取值和赋值操作。 首先,我们来看一下如何对RadioButton进行操作。单选按钮通常是组出现的,同一组内只有一个选项可以被选中。通过jQuery可以很方便地设置某个单选...

    jQuery对表单元素的取值和赋值操作代码

    在jQuery中,对表单元素进行取值和赋值是常见的操作,这在网页交互和数据处理中至关重要。以下是对给定标题和描述中的知识点的详细说明: 1. **文本框(TEXT.AREATEXT)的取值和赋值**: - 取值:`$("#text_id")[0...

    jQuery对html元素的取值与赋值实例详解

    Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val(Set Lbl Value); //文本框,文本区域: $(#text_id).attr(value,'');//清空内容 $(#text_id).attr(value,'test');// 填充内容 ...

    jquery取值.pdf

    在jQuery中,取值和赋值是基本的操作,以下将详细解释如何使用jQuery进行这些操作。 首先,获取和设置文本框(TEXTAREA)的值: ```javascript // 获取值 var textval = $("#text_id").attr("value"); // 或者 var ...

    Jquery中val()表单取值赋值的实例代码

    本文将深入探讨`val()`方法在表单取值和赋值中的应用,以及一些相关的注意事项。 首先,`val()`方法在单选和多选`&lt;select&gt;`元素中的使用。如描述中所示,我们可以使用`val()`轻松获取或设置这些元素的值。以下是一...

Global site tag (gtag.js) - Google Analytics