Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery获取select值的方法总结

jquery获取select值的方法总结

发布时间:2011-11-28   编辑:www.jquerycn.cn
jquery获取select,jquery获取select的值同样要用对jquery选择器很熟悉,这样使用jquery获取select和jquery获取select值就很简单了

jquery 获取select值的情况有两种:一种是获得 select 的被选中的那个 option 的 value值,一种是获得 select 的被选中的那个 option 的 innerHTML(即包含在<option></option>中的内容)

当然要用 jquery获取select值 就要先获取 select 的jQuery对象,有以下几种方法:
1.通过 select 的 Id 来获取,如 $('#select_id')
2.通过 select 的 name 来获取,如$('select[name="select_name"]')
当然获取 select 元素的 jQuery 对象还有很多方法,这里就不一一列举了,下面的代码都是用来获取 value 值或 text 值的

一、jquery 获取select的值,也就是被选中的那个 option 的 value 属性的值

//通过 select 的 id
$('#select_id option:selected').val();
$('#select_id').find('option:selected').val();
//或者用原生的方式
$('#select_id option:selected')[0].value;
//通过 select 的 name
$('select[name="select_name"] option:selected').val();
$('select[name="select_name"]').find('option:selected').val();

二、jquery获取select被选中的那个 option 的 innerHTML 值(即text值,也就是在<option></option>中间的内容)

//通过 select 的 id
$('#select_id option:selected').text();
$('#select_id').find('option:selected').text();
//或者用原生的方式
$('#select_id option:selected')[0].innerHTML;
//通过 select 的 name
$('select[name="select_name"] option:selected').text();
$('select[name="select_name"]').find('option:selected').text();

好了,jquery 获取 select 值的内容就先到这里了,你也可以看看jquery select选中option 的文章
http://www.jquerycn.cn/a_89

您可能感兴趣的文章:
jQuery操作input值的各种方法总结
jquery对select下拉框取值与赋值方法汇总
jquery获取form表单元素值的实例
浅析JQuery获取和设置Select选项的常用方法总结
jQuery操作select option选项(增加 删除 修改)
jquery操作select详解(取值,设置选中)
jquery下拉select控件操作方法分享(jquery操作select)
Jquery获得控件值的三种方法总结
jquery对select列表取值与赋值
jquery操作select中option选项的方法汇总

关键词: jquery  select  jquery  教程    获取   
[关闭]