jquery获取select选中的值的简单介绍
jquery怎么设置select选中某项值
1、设置value为pxx的项选中
成都创新互联是一家专注于成都网站设计、成都网站制作、外贸网站建设与策划设计,西城网站建设哪家好?成都创新互联做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:西城等地区。西城做网站价格咨询:028-86922220
$(".selector").val("pxx");
2、设置text为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true);
这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。
3、获取当前选中项的value
$(".selector").val();
4、获取当前选中项的text
jquery怎样获取select的值
var options=$("#id option:selected");//获取选中的项
alert(options.val()); //拿到选中项的值
alert(options.text()); //拿到选中项的文本
jquery怎么获取select选中的值
JQuery是控制和操作select详解。
先看下面的html代码
select id="test"
option value="1"选项一option
option value="2"选项一option
...
option value="n"选项Noption
/select
所谓jQuery操作“select”, 说的更确切一些是应该是jQuery控制 “option”， 看下面的jQuery代码：
//获取第一个option的值
$('#test option:first').val();
//最后一个option的值
$('#test option:last').val();
//获取第二个option的值
$('#test option:eq(1)').val();
//获取选中的值
$('#test').val();
$('#test option:selected').val();
//设置值为2的option为选中状态
$('#test').attr('value','2');
//设置最后一个option为选中
$('#test option:last').attr('selected','selected');
$("#test").attr('value' , $('#test option:last').val());
$("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
//获取select的长度
$('#test option').length;
//添加一个option
$("#test").append("option value='n+1'第N+1项/option");
$("option value='n+1'第N+1项/option").appendTo("#test");
//添除选中项
$('#test option:selected').remove();
//删除项选中(这里删除第一项)
$('#test option:first').remove();、
//指定值被删除
$('#test option').each(function(){
if( $(this).val() == '5'){
$(this).remove();
}
});
$('#test option[value=5]').remove();
//获取第一个Group的标签
$('#test optgroup:eq(0)').attr('label');
//获取第二group下面第一个option的值
$('#test optgroup:eq(1) : option:eq(0)').val();
Jquery怎么获取select选中项 自定义属性的值
Jquery获取select选中项 自定义属性的值的方法：
示例代码：
1、html代码：
!DOCTYPE
html
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titlejquery中attr()方法/title
script src="js/jquery-1.4.2.min.js" language="javascript" type="text/javascript" /script
style
p{color:red}
li{color:blue;}
.lili{font-weight:bold;color:red;}
#lili{font-weight:bold;color:red;}
/style
/head
body
select id="mysel" title="选择提示"
optionnba/option
optionfifa/option
/select
script
...
/script
/body
html
2、jquery代码获取自定义属性：
使用attr(name)获取title值：
script
alert($("#mysel").attr("title"));
/script
3、显示结果：
jquery 怎样获取select多选下拉框所有选项的值
.val()函数获取select的属性。语法：
$(selector).val(value)
val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。
一、创建一个select元素：
二、创建如下获取属性函数：
三、结果获取：
扩展资料：
通过 .val() 方法从 textarea 元素中取得的值是不含有回车（\r）字符的。但是如果该值是通过 XHR 传递给服务器的，回车（\r）字符会被保留（或者是被浏览器添加的，但是在原始数据中并不包含回车（\r））。可以使用下面的 valHook 方法解决这个问题：
参考资料：jQuery API 中文文档 --.val()
文章名称：jquery获取select选中的值的简单介绍
文章起源：http://shouzuofang.com/article/phhcjd.html