jQuery方法
jquery 获取select的值,也就是被选中的那个 option 的 value 属性的值
- 通过 select 的 id
$('#select_id option:selected').val();
$('#select_id').val();
$('#select_id').find('option:selected').val();
- 或者用原生的方式
$('#select_id option:selected')[0].value;
- 通过 select 的 name
$('select[name="select_name"] option:selected').val();
$('select[name="select_name"]').val();
$('select[name="select_name"]').find('option:selected').val();
获取select被选中的那个 option 的 innerHTML 值(即text值)
- 通过 select 的 id
$('#select_id option:selected').text();
$('#select_id').find('option:selected').text();
- 或者用原生的方式
$('#select_id option:selected')[0].innerHTML;
- 通过 select 的 name
$('select[name="select_name"] option:selected').text();
$('select[name="select_name"]').find('option:selected').text();
原生js方法
- 获得select对象
var myselect=document.getElementById("test");
- 获得选中项的索引:
var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
- 获得选中项options的value:
myselect.options[index].value;
- 获得选中项options的text:
myselect.options[index].text;