jquery获取选中的文本和值的方法__select_selection_selected_option_selectedIndex_

当前位置: 编程技术>WEB前端

jquery获取选中的文本和值的方法

来源: 互联网发布时间：2014-08-25

本文导语: 1、说明（1）获取select下拉框选中的索引 $("#selection").get(0).selectedIndex; （2）获取select下拉框选中的值 $("#selection option:selected").val(); （3）获取select下拉框选中的文本 $("#selection option:selected").text(); 2、实现源码 html PUBL...

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"> 
 
 

 
 
$(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); 
}); 
}); 
 

 
 鲤鱼 鳐鱼 鲶鱼 棒棒鱼 小姐鱼 红金花罗汉鱼 彩虹王罗汉鱼 泰金罗汉鱼

3、实现结果

（1）选中第一项

（2）选中最后一项