js:如何获取select选中的值

js:如何获取select选中的值我想获取select选中的value,或者text,或者……比如这个:<selectid=”select”><optionvalue=”A”url=”http://www.baidu.com”>第一个option</option><optionvalue=”B”url=”http://www.qq.com”>第二个option</option></select>一:JavaScript原生的…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

我想获取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://javaforall.net/203709.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • hashmap的扩容原理_HashMap

    hashmap的扩容原理_HashMap本篇文章分别讲解JDK1.7和JDK1.8下的HashMap底层实现原理文章目录一、什么是HashMap?二、为什么要使用HashMap?三、HashMap扩容为什么总是2的次幂四、JDk1.7扩容死循环问题五、JDK1.8的新结构1.为什么非要使用红黑树呢?2.什么是红黑树?3.红黑树的特性一、什么是HashMap?HashMap数据结构为数组+链表(JDk1.7),JDK1.8中增加了红黑树,其中:链表的节点存储的是一个Entry对象,每个Entry对象存储四个属性(hash,key,v

    2022年9月21日
    3
  • 简单的Samba文件共享服务搭建「建议收藏」

    简单的Samba文件共享服务搭建「建议收藏」我们知道windows间是通过CIFS(CommonInternetFileSystem),即网上邻居实现文件共享,unixlike间通过NFS(NetworkFileSystem)通过实现文件共享。那么我们如何实现unix和windows之间的文件共享呢?我们可以通过sshclient,和VNC远程登录和管理Linux主机,这两种都支持ftp协议。我们通过FTP协议进行文件更新时,可能

    2025年11月20日
    5
  • W25Q128FV译文(一)[通俗易懂]

    该文章包括W25Q128FV译文的前六章内容,第7章状态寄存器翻译及第八章指令部分翻译链接:https://blog.csdn.net/z123canghai/article/details/88726856第八章指令剩余部分及第九章相关时序翻译链接:https://blog.csdn.net/z123canghai/article/details/88726856目录一、概述…

    2022年4月4日
    487
  • shell编程 if_linux shell if语句

    shell编程 if_linux shell if语句一、shell编程中条件表达式的使用if  #条件then Commandelse Commandfi   #别忘了这个结尾如果if语句忘了结尾fitest.sh:line14:syntaxerror: unexpectedendoffi二、if的三种条件表达式1.命令执行成功,等于返回0(比如grep,找到匹配);执行失败,

    2022年8月18日
    7
  • 仿百度首页选项卡切换效果

    效果:http://hovertree.com/texiao/jquery/71/代码如下:转自:http://hovertree.com/h/bjaf/n781jmfy.htm特效汇总:http

    2021年12月24日
    42
  • matlab画圆的命令_matlab画圆命令[通俗易懂]

    matlab画圆的命令_matlab画圆命令[通俗易懂]%%圆环面R=6;r=2;symsuv;ezmesh((R+r*cos(u))*cos(v),(R+r*cos(u))*sin(v),r*sin(u));axisequal;%%圆盘R=6;r=2;theta=linspace(0,2*pi,90);ph=linspace(r,R,30);[t,p]=meshgrid(theta,ph);r=t*0;[x,y,z]=pol…

    2022年6月19日
    23

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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