jQuery获取Select选择的Text和Value(详细汇总)

摘要:
语法解释:1$(“#select_id”)。change(function(){//code…})//为Select和触发器2添加事件。varcheckText=$(“#select_id”)。查找(“选项:已选择”)。text()选择其中一项时//获取文本3。varcheckValue=$(“#select_id”)。val()由Select选择//获取Se

语法解释: 

1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 
3. var checkValue=$("#select_id").val(); //获取Select选择的Value 
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 


jQuery设置Select选择的 Text和Value: 
语法解释: 

1. $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 
2. $("#select_id ").val(4); // 设置Select的Value值为4的项选中 
3. $("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 


jQuery添加/删除Select的Option项: 
语法解释: 

1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个) 
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个) 
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 
5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option 


jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 
获 取一组radio被选中项的值 
var item = $('input[name=items][checked]').val(); 
获 取select被选中项的文本 
var item = $("select[name=items] option[selected]").text(); 
select下拉框的第二个元素为当前选中值 
$('#select_id')[0].selectedIndex = 1; 
radio单选组的第二个元素为当前选中值 
$('input[name=items]').get(1).checked = true; 
获取值: 
文本框,文本区域:$("#txt").attr("value"); 
多选框 checkbox:$("#checkbox_id").attr("value"); 
单选组radio: $("input[type=radio][checked]").val(); 
下拉框select: $('#sel').val(); 
控制表单元素: 
文本框,文本区域:$("#txt").attr("value",'');//清空内容 
$("#txt").attr("value",'11');//填充内容 
多选框checkbox: $("#chk1").attr("checked",'');//不打勾 
$("#chk2").attr("checked",true);//打勾 
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 
单选组 radio: $("input[type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 
下拉框 select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 
$("#sel").empty();//清空下拉框 
---------------------------------------------------------------------------------------------------- 

//遍历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(); 
////////////////////////////////////////////////////////////////// 
记性不好的可以收藏下: 
1,下拉框: 

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){} //判断是否已经打勾 

当然jquery的选择器是强大的. 还有很多方法. 

<script src="http://t.zoukankan.com/jquery-1.2.1.js" type="text/javascript"></script> 
<script language="javascript" type="text/javascript"> 
$(document).ready(function(){ 
$("#selectTest").change(function() 

//alert("Hello"); 
//alert($("#selectTest").attr("name")); 
//$("a").attr("href","xx.html"); 
//window.location.href="http://t.zoukankan.com/xx.html"; 
//alert($("#selectTest").val()); 
alert($("#selectTest option[@selected]").text()); 
$("#selectTest").attr("value", "2"); 

}); 
}); 
</script> 

<a href="http://t.zoukankan.com/aure-p-5168093.html#">aaass</a> 


<!--下拉框--> 
<select name="selectTest"> 
<option value="1">11</option> 
<option value="2">22</option> 
<option value="3">33</option> 
<option value="4">44</option> 
<option value="5">55</option> 
<option value="6">66</option> 
</select> 
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关获取一组radio被选中 项的值 
var item = $('input[@name=items][@checked]').val(); 
获取select被选 中项的文本 
var item = $("select[@name=items] option[@selected]").text(); 
select 下拉框的第二个元素为当前选中值 
$('#select_id')[0].selectedIndex = 1; 
radio单选组的第二个 元素为当前选中值 
$('input[@name=items]').get(1).checked = true; 
获取值: 
文本 框,文本区域:$("#txt").attr("value"); 
多选框 checkbox:$("#checkbox_id").attr("value"); 
单选组radio: $("input[@type=radio][@checked]").val(); 
下拉框select: $('#sel').val(); 
控 制表单元素: 
文本框,文本区域:$("#txt").attr("value",'');//清空内容 
$("#txt").attr("value",'11');// 填充内容 
多选框checkbox: $("#chk1").attr("checked",'');//不打勾 
$("#chk2").attr("checked",true);// 打勾 
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 
单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 
下拉框 select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 
$("<optionvalue='1'& gt;1111</option><optionvalue='2'>2222</option& gt;").appendTo("#sel")//添加下拉框的option 
$("#sel").empty();// 清空下拉框 

获取一组radio被选中项的值 
var item = $('input[@name=items][@checked]').val(); 
获取select被选中项的文本 
var item = $("select[@name=items] option[@selected]").text(); 
select下拉框的第二个元素为当 前选中值 
$('#select_id')[0].selectedIndex = 1; 
radio单选组的第二个元素为当前选中值 
$('input[@name=items]').get(1).checked = true; 
获取值: 
文本框,文本区域:$("#txt").attr("value"); 
多选框 checkbox:$("#checkbox_id").attr("value"); 
单选组radio: $("input[@type=radio][@checked]").val(); 
下拉框select: $('#sel').val(); 
控 制表单元素: 
文本框,文本区域:$("#txt").attr("value",'');//清空内容 
$("#txt").attr("value",'11');// 填充内容 
多选框checkbox: $("#chk1").attr("checked",'');//不打勾 
$("#chk2").attr("checked",true);// 打勾 
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾 
单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项 
下拉框 select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项 
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 
$("#sel").empty();// 清空下拉框

免责声明:文章转载自《jQuery获取Select选择的Text和Value(详细汇总)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇win7中vscode会黑屏或者终端空白,无法输入Spring SPI 机制总结下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

iOS开发数据库篇—SQL

一、SQL语句 如果要在程序运行过程中操作数据库中的数据,那得先学会使用SQL语句 1.什么是SQL SQL(structured query language):结构化查询语言 SQL是一种对关系型数据库中的数据进行定义和操作的语言 SQL语言简洁,语法简单,好学好用 2.什么是SQL语句 使用SQL语言编写出来的句子代码,就是SQL语句 在程序运行...

radio 获取选中值

Radio 1.获取选中值,三种方法都可以: 1 2 3 $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: 1 2 3 $('in...

jquery跨域请求数据

jquery跨域请求数据 jquery跨越请求数据。实际开发中经常会碰到两个网站数据交互问题,当向另一个站点请求数据该如何做? 实际上非常容易,请按照下面的步骤做: 第一:编写js,通过get获取远程数据。注意要在链接后面加上callback参数,该参数表示传递回调函数地址到远程页面。 var params = 'pam1:1,...'$.get(...

20191218 实验二《Python程序设计》实验报告

学号 2020-2021-2 《Python程序设计》实验二报告 课程:《Python程序设计》班级: 1912姓名: 唐启恒学号:20191218实验教师:王志强实验日期:2021年5月7日必修/选修: 公选课 1.实验内容 设计并完成一个完整的应用程序,完成加减乘除模等运算,功能多多益善。 考核基本语法、判定语句、循环语句、逻辑运算等知识点 2....

(转)SqlServer基础之(触发器)(清晰易懂)

阅读目录 一:触发器的优点 二:触发器的作用 三:触发器的分类 四:触发器的工作原理 五:创建触发器 六:管理触发器  概念:   触发器(trigger)是SQL server 提供给程序员和数据分析员来保证数据完整性的一种方法,它是与表事件相关的特殊的存储过程,它的执行不是由程序调用,也不是手工启动,而是由事件来触发,当对一个表进行操作( in...

[转]oracle在删除表表空间用户时,如何释放磁盘空间

一、drop表 执行drop table xx 语句 drop后的表被放在回收站(user_recyclebin)里,而不是直接删除掉。这样,回收站里的表信息就可以被恢复,或彻底清除。 通过查询回收站user_recyclebin获取被删除的表信息,然后使用语句 flashback table...