宝哥软件园

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

编辑:宝哥软件园 来源:互联网 时间:2021-09-10

1、说明

(1)获取挑选下拉框选中的索引

$('#selection ').获取(0)。选择索引(2)获取挑选下拉框选中的值

$(' #选择的选项: ').val();(3)获取挑选下拉框选中的文本

$(' #选择的选项: ').text();2、实现源码

HTML PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML L1/DTD/XHTML L1-过渡。DTD ' HTML xmlns=' http://www .w3。org/1999/XHTML ' HEAD脚本类型=' text/JavaScript ' src=' http : './文档/未命名站点2/jquery-1。11 .0 .js/'脚本脚本类型=' text/JavaScript ' $(function(){ $(' # BTN ')).单击(函数(){ //获取挑选下拉框索引定义变量索引=$('#selection ').获取(0)。selectedIndex//获取挑选下拉框的值var selectVal=$(' #选择选项:已选择').val();//获取挑选下拉框的文本var selectText=$(' #选择的选项: ').text();警报('获取挑选下拉框索引:"索引" n " "获取挑选下拉框的值:"选择VaL" n " "获取挑选下拉框的文本:' SelectText);});});/script DIV id=SELECT _ val SELECT id=selection OPTION selected值=0鲤鱼/OPTION OPTION值=1鳐鱼/OPTION OPTION值=2鲶鱼/OPTION OPTION值=3棒棒鱼/OPTION OPTION值=4小姐鱼/OPTION OPTION值=5红金花罗汉鱼/OPTION OPTION值=6彩虹王罗汉鱼/OPTION OPTION值=7泰金罗汉鱼/OPTION/SELECT /DIV输入id=btn值=获取选中的文本和值类型=按钮3、实现结果

(1)选中第一项

(2)选中最后一项

更多资讯
游戏推荐
更多+