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

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

我想获取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>

一: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');    

二:jQuery方法

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

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

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

4:alert(options.attr('url')); //拿到选中项的url值

 

原文:https://blog.csdn.net/ityang521/article/details/70217320

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/112715.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • linux下卸载apache方法小结

    linux下卸载apache方法小结

  • JDBC_3 数据库事物

    JDBC_3 数据库事物数据库事务数据一旦提交,就不可回滚那些操作会导致数据的自动提交?DDL操作一旦执行,都会自动提交-. set autocommit = false不起作用DML默认情况下,一旦执行就会自动提交-. 可以设置set autocommit = false关闭连接的时候会自动提交 Connection connection = DriverManager.getConnection(url, user, password); connection.setAutoCommit

  • Ubuntu安装nginx_服务器安装Ubuntu

    Ubuntu安装nginx_服务器安装Ubuntu版本ubunt16.04nginx-1.8.1gcc-4.8.4pcre-8.38zlib-1.2.11openssl-1.0.2n前置环境配置进入到/usr/local目录下执行下面1234,此处路劲与之后安装nginx对应,需要注意*1、gcc源码编译依赖环境apt-getinstallbuild-essentialapt-

  • webpack配置文件_pack luggage

    webpack配置文件_pack luggage前言上一篇文章我们使用webpack打包成功了,但是每次都要自己手动输入打包的文件地址和打包到哪里去的地址,非常麻烦,所以这里介绍使用配置文件进行打包webpack.config.js首先我们创

  • RJ45布线 568A 和568B布线标准[通俗易懂]

    RJ45布线 568A 和568B布线标准[通俗易懂]详细的568A和568B线序创建时间:2012年5月24日(星期四)中午11:05|分类:计算机技术|字数:660|发送到我的Qzone|另存为…|打印|添加到日历568A:白绿|绿|白橙|蓝|白蓝|橙|白棕|棕568B:白橙|橙|白绿|蓝|白蓝|绿|白棕|棕直…

  • Visual Studio 2012旗舰版序列号:「建议收藏」

    Visual Studio 2012旗舰版序列号:「建议收藏」下载吧温馨提示: 已下载的ISO映像的CRC和SHA1哈希值应与以下内容匹配:CRC:85745AA2SHA-1:A0BDC3F1D1534AA92D72FEF80D837A04969B752FVisualStudio2012旗舰版序列号:YKCW6-BPFPF-BT8C9-7DCTH-QXGWCYKCW6-BPFPF-BT8C9-7DCTH-QXG

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号