首页 > 代码库 > 如何获取select中的value、text、index相关值
如何获取select中的value、text、index相关值
select还是比较常用的一个标签，如何获取其中的内容呢?
如下所示：
<select id="select"> <option value=http://www.mamicode.com/"A" url="http://www.baidu.com">第一个option</option> <option value=http://www.mamicode.com/"B" url="http://www.qq.com">第二个option</option></select>
一、js原生方法获取
1:拿到select对象： `var myselect=document.getElementById("select");2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index3:拿到选中项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值
三、vue方法
<select v-model="selected"> <option disabled value=http://www.mamicode.com/"">Please select one</option> <option>A</option> <option>B</option> <option>C</option></select><span>Selected: {{ selected }}</span>
如何获取select中的value、text、index相关值
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。