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下拉框的取值与赋值,设置选中的方法大全。 比如<select class=”selector”></select> 1、设置value为pxx的项选中 $(“.selector”).val(“pxx”); 2、设置text为pxx的项选中 $(“....
具有限定子节点选择器:$(“mix1[mix2]”):返回包含mix2的mix1节点.如:$(“div[a]”):包含a标签的div. 这个和$(“div a”)不相同.后者表示div中的a标签,返回的是a标签对象,前者返回的是div标签对象 冒号限定结点选择...
select>的id 2.设置选中项:$(“select[@id=’pagesize_slt’]”)[0].selectedIndex = 1;//—–<select>的index从0开始,所以1是第二项 很奇怪的是,我是用id来获取的,应该是唯一值,但$(“select[@id=’...
/*获得TEXT.AREATEXT的值*/ var textval = $(“#text_id”).attr(“value”); //或者 var textval = $(“#text_id”).val(); /*获取单选按钮的值*/ var valradio = $(“input[@type=radio][@checked]”).val();...
Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val(Set Lbl Value); //文本框,文本区域: $(#text_id).attr(value,'');//清空内容 $(#text_id).attr(value,'test');// 填充内容 ...
包括最常用的表单操作,取值赋值清空,比较实用,比较简单。包括input,textarea,radio,checkbox,select.另外根据select的文本值text来让select选中。
1.级联select的操作,后一个select的值随着前一个select选中值变化 $(.select_A).change(function(){ $(.select_B).empty();// 清空后一个select var option = $().val(1).text('xxx');// 按照实际业务要求重新...
jQuery提供了强大的val()方法来处理value相关操作。获得单个select的值和多选select的值。 代码如下:HTML 代码:<p></p> <select id=”single”> <option>Single <option>Single2</option></select>...
$(“#keyword”)[0].value = “”; /*获得TEXT.AREATEXT的值*/ var textval = $(“#text_id”).attr(“value”); //或者 var textval = $(“#text_id”).val(); /*获取单选按钮的值*/ var valradio = $(“input[type...
在Jquery中这三个函数如果有参数的话就是赋值操作,没有参数则是取值操作,其中val()是一个很重要的方法,和它相关的表单对象如:input系的标签、select、textarea等都是用于和服务器端交互的标签元素,所以要搞清楚...
由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上Radio 1.获取选中值,三种方法都可以: $(‘input:radio:checked’).val(); $(“input[type=’radio’]:checked”).val(); $...
技术特点:Jquery通用 [二维数组] ... 无限级联动、赋值联动 ,.net后台赋值,取值,ShowSelect1.SelectID 取值与赋值 数据源必须为三列二维数组!包含 id,名称,父级id,[[1, "根级", 0],[2, "一级", 1],[3, "二级", 2]]
Jquery通用二维数组无限级联动源码... 无限级联动、赋值联动 ,.net后台赋值,取值,ShowSelect1.SelectID 取值与赋值 数据源必须为三列二维数组!包含 id,名称,父级id,[[1, "根级", 0],[2, "一级", 1],[3, "二级", 2]]