select2 获取选中<option>的value和text

select2 获取选中option的value和text

1. JavaScript原生的方法

拿到select对象： var myselect=document.getElementById(“test”);
拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
拿到选中项options的value： myselect.options[index].value;
拿到选中项options的text： myselect.options[index].text;

2. jQuery方法（前提是已经加载了jquery库）

获取选中的名：var cardTypeW = $("#cardType option:checked").text();
获取选中的值：写法1：var cardTypeW = $("#cardType option:checked").val();
           写法2：var cardTypeW = $("#cardType").find("option:selected").val();
var options=$(“#test option:selected”); //获取选中的项
alert(options.val()); //拿到选中项的值
alert(options.text()); //拿到选中项的文本