如何獲得select被選中option的value和text和......
阿新 • • 發佈:2018-12-11
例:
<select id="select">
<option value="A" url="http://www.baidu.com">第一個option</option>
<option value="B" url="http://www.qq.com">第二個option</option>
</select>
1:JS方式
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');
2:jQuer方式:
1:var options=$(“#select option:selected”); //獲取選中的項
2:alert(options.val()); //拿到選中項的值
3:alert(options.text()); //拿到選中項的文字
4:alert(options.attr('url')); //拿到選中項的url值