我想获取select选中的value,或者text,或者……

比如这个:

<select id="select"><option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第二个option</option> </select>
  • 1
  • 2
  • 3
  • 4

一:JavaScript原生的方法

1:拿到select对象: `var myselect=document.getElementById("select");2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 3:拿到选中项options的value: myselect.options[index].value; 4:拿到选中项options的text: myselect.options[index].text; 5:拿到选中项的其他值,比如这里的url: myselect.options[index].getAttribute('url');
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

二:jQuery方法

1:var options=$(“#select option:selected”); //获取选中的项2:alert(options.val()); //拿到选中项的值 3:alert(options.text()); //拿到选中项的文本 4:alert(options.attr('url')); //拿到选中项的url值

转载于:https://www.cnblogs.com/Tohold/p/9057253.html

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

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

    如何获得select被选中option的value和text 一:JavaScript原生的方法 1:拿到select对象: var myselect=document.getElementById( ...

  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. SVN:更新、同步与提交 PS:被锁定之解决方法
  2. C++ code:数值计算之矩形法求解积分问题
  3. 力扣:1两数之和(python)-------->双向取值
  4. 【转载】作者苗晓平介绍的飞鸽传书
  5. 服务器迁移系统工具,win10如何用自带迁移工具迁移系统?_网站服务器运行维护,windows10,迁移系统...
  6. 微信小程序自定义省市区下拉框
  7. SAP中会计凭证红蓝冲相关分析测试笔记
  8. DX8数学库(2013-08-03 11:48:34)
  9. java muti实现图片上传_MutiFileUpload.java 多文件上传
  10. 控制系统 丢包 matlab 程序,基于MATLAB的网络控制系统仿真.pdf
  11. Hadoop 3.x 笔记(配置、命令、脚本、重要图示、代码实现)
  12. 《笼中鸟——精神病人的生存现状》观后的一点思考
  13. FreeRTOS信号量
  14. 《Microduino实战》——1.2 为什么要开源
  15. win7下如何注册控件
  16. Vue 设置背景图片样式
  17. html仿短信聊天,前端开发JS模仿手机短信发送
  18. 线代[5]|特征值与特征向量、特征值的几何重数与代数重数
  19. CSS--网页样式布局(一)
  20. JWT和Session的区别

热门文章

  1. 在LINUX中部署FTP服务器
  2. git log格式化日志
  3. Spring Boot 返回 XML 数据,一分钟搞定!
  4. Easeljs之regX/regY详解
  5. 面试思考,入职初期怎么做
  6. 求救数据库高手~~急急。。。
  7. Web应用中优化IBatis性能
  8. 唤醒锁: 检测 Android* 应用中的 No-Sleep(无法进入睡眠)问题
  9. 基础总结篇之二:Activity的四种launchMode
  10. Android开发学习之快速实现圆角ListView