广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 热门技术 > 正文

js怎么获取select选中的值?_惠州js培训

作者:邓华发布时间:2020-12-04分类:热门技术浏览:977


导读:js怎么获取select选中的值,我想获取select选中的value,或者text,或者……

        js怎么获取select选中的值,我想获取select选中的value,或者text,或者……


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

  比如这个:

<select id="select">
    <option value="A" url="http://www.aaa.com">第一个option</option>
    <option value="B" url="http://www.bbb.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值


       想学习js吗?来惠州北大青鸟新方舟校区。


北大青鸟惠州新方舟校区.png

标签:惠州北大青鸟北大青鸟惠州js惠州js培训js惠州IT培训js培训


热门技术排行
标签列表
网站分类
文章归档
最近发表