js獲取select選中的值


我想獲取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值


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM