js和jquery获取select选中的值

<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方法

var options=$(“#select option:selected”); //获取选中的项
alert(options.val()); //拿到选中项的值
alert(options.text()); //拿到选中项的文本
alert(options.attr('url')); //拿到选中项的url值

jQuery对象转换成js对象：转换后，使用js的方法。

(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的js对象。
如：

var $v = $("#v") ; //jQuery对象 
var v=$v[0];         //js对象 

(2)jQuery本身提供，通过.get(index)方法，得到相应的js对象
如：

var $v= $("#v"); //jQuery对象 
var v=$v.get(0); //js对象 

js对象转成jQuery对象: 转换后，使用jQuery的方法。

对于一个js对象，只需要用 $ ()把DOM对象包装起来，就可以获得一个jQuery对象了。$(js对象)
如：

var v=document.getElementById("v"); //js对象 
var $v=$(v); //jQuery对象