例子:
<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.拿到选中项option的value:myselect.option[index].value;
4.拿到选中项option的text:myselect.option[index].text;
5.拿到选中项的其他值,例如其中的url:没有select.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值