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