`

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 表单取值赋值的一些基本操作

    具有限定子节点选择器:$(“mix1[mix2]”):返回包含mix2的mix1节点.如:$(“div[a]”):包含a标签的div. 这个和$(“div a”)不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择...

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

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

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

    /*获得TEXT.AREATEXT的值*/ var textval = $(“#text_id”).attr(“value”); //或者 var textval = $(“#text_id”).val(); /*获取单选按钮的值*/ var valradio = $(“input[@type=radio][@checked]”).val();...

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

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

    jquery操作表单案例

    包括最常用的表单操作,取值赋值清空,比较实用,比较简单。包括input,textarea,radio,checkbox,select.另外根据select的文本值text来让select选中。

    浅析jQuery操作select控件的取值和设值

    1.级联select的操作,后一个select的值随着前一个select选中值变化 $(.select_A).change(function(){ $(.select_B).empty();// 清空后一个select var option = $().val(1).text('xxx');// 按照实际业务要求重新...

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

    jQuery提供了强大的val()方法来处理value相关操作。获得单个select的值和多选select的值。 代码如下:HTML 代码:&lt;p&gt;&lt;/p&gt; &lt;select id=”single”&gt; &lt;option&gt;Single &lt;option&gt;Single2&lt;/option&gt;&lt;/select&gt;...

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

    $(“#keyword”)[0].value = “”; /*获得TEXT.AREATEXT的值*/ var textval = $(“#text_id”).attr(“value”); //或者 var textval = $(“#text_id”).val(); /*获取单选按钮的值*/ var valradio = $(“input[type...

    Jquery知识点三 jquery表单对象操作

    在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签、select、textarea等都是用于和服务器端交互的标签元素,所以要搞清楚...

    Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码

    由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上Radio 1.获取选中值,三种方法都可以: $(‘input:radio:checked’).val(); $(“input[type=’radio’]:checked”).val(); $...

    Jquery通用二维数组无限级联动源码

    技术特点:Jquery通用 [二维数组] ... 无限级联动、赋值联动 ,.net后台赋值,取值,ShowSelect1.SelectID 取值与赋值 数据源必须为三列二维数组!包含 id,名称,父级id,[[1, "根级", 0],[2, "一级", 1],[3, "二级", 2]]

    Jquery通用二维数组无限级联动源码20121224

    Jquery通用二维数组无限级联动源码... 无限级联动、赋值联动 ,.net后台赋值,取值,ShowSelect1.SelectID 取值与赋值 数据源必须为三列二维数组!包含 id,名称,父级id,[[1, "根级", 0],[2, "一级", 1],[3, "二级", 2]]

Global site tag (gtag.js) - Google Analytics