jquery怎么获取select选中的值

jQuery是控制和操作select详解。

创新互联建站云计算的互联网服务提供商,拥有超过13年的服务器租用、成都电信服务器托管、云服务器、网络空间、网站系统开发经验，已先后获得国家工业和信息化部颁发的互联网数据中心业务许可证。专业提供云主机、网络空间、域名与空间、VPS主机、云服务器、香港云服务器、免备案服务器等。

先看下面的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多选下拉框所有选项的值

.val()函数获取select的属性。语法：

$(selector).val(value)

val() 方法返回或设置被选元素的值。元素的值是通过 value 属性设置的。该方法大多用于 input 元素。如果该方法未设置参数，则返回被选元素的当前值。

一、创建一个select元素：

二、创建如下获取属性函数：

三、结果获取：

扩展资料：

通过 .val() 方法从 textarea 元素中取得的值是不含有回车（\r）字符的。但是如果该值是通过 XHR 传递给服务器的，回车（\r）字符会被保留（或者是被浏览器添加的，但是在原始数据中并不包含回车（\r））。可以使用下面的 valHook 方法解决这个问题：

参考资料：jQuery API 中文文档 --.val()

jQuery实现select下拉框获取当前选中文本、值、索引

话不多说，请看代码：

//直接保存后缀.htnl用谷歌浏览器打开，亲测有效

head

script

src=""/script

script

$(function(){

//为Select添加事件，当选择其中一项时触发

$("select:eq(0)").change(function(){

//code

});

//获取Select选中的Text:结果是由所有匹配元素包含的文本内容组合起来的文本

var

checkText

=

$("select:eq(0)

:selected").text();//建议用这个简单

=

$("select:eq(0)

option:selected").tetx();

=

$("#One").find(":selected").text();

=

$("#One").find("option:selected").text();

//如果多选，将返回一个数组，其包含所选的值。

var

checkValue

=

$("#select_id").val();

//获取Select选中匹配元素的当前值,即[即使多选也只]取得第一个匹配元素的val内容

var

checkValue

=

$("select:eq(0)

:selected").val();//=========强烈建议用这个，以防多选

//获取Select选中的索引值

var

checkIndex

=

$("#select_id

").get(0).selectedIndex;

//获取Select最大的索引值

var

maxIndex

=

$("#select_id

:last").prop("index");

//建议用这个

=

$("#select_id

option:last").prop("index");

=

$("select:eq(0)").find(":last").prop("index")

=

$("select:eq(0)").find("option:last").prop("index")

//=========================================================================================

//jQuery设置Select选择的

Text和Value:

//

设置Select的Value值为4的项选中

$("#select_id

").val(4);

//用这个

$("#select_id

[value='4']").prop("selected",

true);

$("#select_id

option[value='4']").prop("selected",

true);

//设置select中的第一个option被选中

$("select

:first").prop("selected",

true);//这个

$("select

:first").prop("selected",

'selected');

$("select

option:first").prop("selected",

"true");

$("select

option:first").prop("selected",

"selected");

//============================================================================================

//jQuery添加/删除Select的Option项

$("#select_id").append("option

value='Value'Text/option");

//为Select末尾追加一个Option(下拉项)

$("#select_id").prepend("option

value='0'请选择/option");

//为Select首部插入一个Option(第一个位置)

$("#select_id

:last").remove();

//删除Select中索引值最大Option(最后一个)

$("#select_id

:fist").remove();

//删除Select中索引值最小为0Option(第一个)

$("#select_id

[value='3']").remove();

//删除Select中Value='3'的Option

});

/script

/head

table

tr

td

!--multiple设定下拉框可以多选，size设定下拉框不呈现下拉方式，--

select

size="12"

id="One"

multiple="multiple"

option

value='1'苹果/option

option

value="2"香蕉/option

option

value="3"草莓/option

option

value="4"橘子/option

/select

/td

td

input

type="button"

value=""br

input

type="button"

value=" "br

input

type="button"

value=" "br

input

type="button"

value=""br

/td

td

select

size="12"

id="two"

multiple="multiple"

option

value="5"葡萄/option

/select

/td

td

input

type="button"

value=" up "brbr

input

type="button"

value="down"br

/td

/tr

/table

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！

jquery怎样获取select的值

var options=$("#id option:selected");//获取选中的项

alert(options.val()); //拿到选中项的值

alert(options.text()); //拿到选中项的文本

用jquery如何获取select元素中当前选择的文本内容？（而不是选项的值）请问怎么写

试一下这个把，我刚才试过了，可以的

var tt=$("form select[name=selectName]").find('option:selected').text();

alert(tt);

把selectName换成你表单中的下拉框name值就行了

要是使用ID查询这样就行了

var tt=$("#selectId").find('option:selected').text();就行

网页名称：包含jquery获取select选中的文本的词条
当前链接：http://kswjz.com/article/dseeope.html