首页 技术 正文
技术 2022年11月20日
0 收藏 618 点赞 4,738 浏览 2401 个字

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

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:9,484
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,899
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,732
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,485
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:8,125
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:5,285