jquery获取选中的文本和值的方法
更新时间：2014年07月08日 18:00:47 投稿：whsnow
这篇文章主要介绍了jquery获取选中的文本和值的方法,需要的朋友可以参考下
1、说明
（1）获取select下拉框选中的索引
$("#selection").get(0).selectedIndex;
（2）获取select下拉框选中的值
$("#selection option:selected").val();
（3）获取select下拉框选中的文本
$("#selection option:selected").text();
2、实现源码
html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
<script type="text/javascript" src="../Documents/未命名站点 2/jquery-1.11.0.js"></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
//获取select下拉框索引
var index = $("#selection").get(0).selectedIndex;
//获取select下拉框的值
var selectVal = $("#selection option:selected").val();
//获取select下拉框的文本
var selectText = $("#selection option:selected").text();
alert("获取select下拉框索引：" + index + "\n" + "获取select下拉框的值：" + selectVal + "\n" + "获取select下拉框的文本：" + selectText);
});
});
</script>
<DIV id=select_val>
<SELECT id=selection> <OPTION selected value=0>鲤鱼</OPTION> <OPTION value=1>鳐鱼</OPTION> <OPTION value=2>鲶鱼</OPTION> <OPTION value=3>棒棒鱼</OPTION> <OPTION value=4>小姐鱼</OPTION> <OPTION value=5>红金花罗汉鱼</OPTION> <OPTION value=6>彩虹王罗汉鱼</OPTION> <OPTION value=7>泰金罗汉鱼</OPTION></SELECT>
</DIV>
<INPUT id=btn value=获取选中的文本和值 type=button>
3、实现结果
（1）选中第一项
（2）选中最后一项
相关文章
使用Jquery搭建最佳用户体验的登录页面之记住密码自动登录功能（含后台代码）
今天将登录功能彻底完成，加入记住密码自动登录功能，密码在客户端进行第一次加密存储。并修改了一些bug，优化js代码，上一版本太乱了。2011-07-07
这篇文章主要介绍了jquery html5 视频播放控制代码,需要的朋友可以参考下2016-11-11
这篇文章主要介绍了jQuery元素属性操作的方法,结合实例形式分析了jQuery针对页面元素的设置、获取及删除等操作相关技巧,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了jQuery is()函数用法3例,jQuery的is()函数其实是非常有用的，能不能用好直接决定你的代码是否高效,需要的朋友可以参考下2014-05-05
这篇文章主要介绍了jQuery EasyUI之DataGrid使用实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-01-01
闲来无事做的一个Jquery实现仿腾讯微博发表广播的特效，功能和样子实现了，由于样式是渣渣，所以小伙伴们想直接用的话，还得自己美化下2014-11-11
这篇文章主要介绍了基于jquery实现省市区三级联动效果,需要的朋友可以参考下2015-12-12
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
这篇文章主要介绍了JQuery+Bootstrap 自定义全屏Loading插件，本文通过示例代码给大家介绍的非常详细，具有一定的参考借鉴价值 ,需要的朋友可以参考下2019-07-07
下面小编就为大家带来一篇浅谈jQuery中事情的动态绑定。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-02-02
juqery 学习之三 选择器 简单 内容，学习jquery的朋友可以参考下。2010-11-11
最新评论