如何获得select被选中option的value和text

一:JavaScript原生的方法

1:拿到select对象: var myselect=document.getElementById(“test”);

2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value: myselect.options[index].value;

4:拿到选中项options的text: myselect.options[index].text;

二:jQuery方法(前提是已经加载了jquery库)

1:var options=$(“#test option:selected”); //获取选中的项

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

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

转载于:https://www.cnblogs.com/renpei/p/9474397.html

如何获得select被选中option的value和text相关推荐

  1. 如何获得select被选中option的value和text和......

    我想获取select选中的value,或者text,或者-- 比如这个: <select id="select"><option value="A&qu ...

  2. select设置选中option

    根据option的value值,设置选中option:<select name="typeOfCertification" id="typeOfCertificat ...

  3. select中选中option的方法

    获取第一个option的值 $('#test option:first').val();最后一个option的值 $('#test option:last').val();获取选中的值 $('#tes ...

  4. jq如何获取选中option的值_如何用jQuery获得select的值

    1.获取第一个option的值 $('#test option:first').val(); 2.最后一个option的值 $('#test option:last').val(); 3.获取第二个o ...

  5. 实现 select中指定option选中触发事件

    实现 select中指定option选中触发事件 我们在用到下拉列表框select时,需要对选中的<option>选项触发事件,其实<option>本身没有触发事件方法,我们只 ...

  6. html select 选中触发,实现select中指定option选中触发事件

    我们在用到下拉列表框select时,需要对选中的 选项触发事件,其实本身没有触发事件方法,我们只有在select里的onchange方法里触发. 当我们触发select的双击事件时,用ondblcli ...

  7. js 多选框被选中触发的事件_JS实现select选中option触发事件操作示例

    本文实例讲述了JS实现select选中option触发事件操作.分享给大家供大家参考,具体如下: 我们在用到下拉列表框select时,需要对选中的选项触发事件,其实本身没有触发事件方法,我们只有在se ...

  8. 如何根据一个值来动态让select下的option选中

    html如下: <select id="test"><option value="0">请选择</option><op ...

  9. jQuery 设置select默认选中问题

    在进行其他操作后,恢复select默认选中 html代码: <select id="shai" style="width:150px;margin:5px 50px ...

最新文章

  1. openSuse 13.1 的触摸板,回来了
  2. 网络营销外包——网络营销外包专员对网站标题修改都是有原因的
  3. 路由器命令大全手册教程 4
  4. CV2 puttext不能显示中文问题
  5. 【互联网周刊】2022年第6期摘录
  6. Juniper防火墙 L2TP ××× 配置
  7. Kafka:Configured broker.id 2 doesn't match stored broker.id 0 in meta.properties.
  8. Archlinux下启用Thinkpad功能键
  9. docker配置aria2
  10. iOS开发环境:XCode
  11. 为什么计算机中整数的范围是-32768~32767而不是-32767~32767
  12. 转 Apache Ignite——新一代数据库缓存系统
  13. 最简单的Greenplum数据库的安装及配置步骤
  14. 计算机组成原理简答题
  15. 大话UWB技术之核心命脉:TDOA与TOF
  16. 怎样为计算机创建一个新的用户名,如何创建电脑用户名 电脑用户名是什么怎么修改...
  17. PCTA考试经验分享
  18. [ZJOI2009]狼和羊的故事【网络流】【最大流(最小割)】
  19. 联想昭阳K22连不上远程桌面
  20. 有哪些特别的生存法则?

热门文章

  1. PHP与C sharp互解加密算法
  2. iOS制作一个雷达图,可用于多种场景(一)
  3. extjs插件开发上传下载文件简单案例
  4. unix、linux 命令
  5. 3D竞技比赛或成数字娱乐新里程碑
  6. hadoop-hdfs-ha配置-搭建
  7. 网页禁止复制的chrome插件办法
  8. 患者是否应该主动关注医疗知识
  9. 复方丙酸氯倍他索软膏購買技巧
  10. hbase映射为hive表(转载+整理+自己验证)