html中如何获取选中项,如何找到全部 HTML select 标签的选中项

话很少说，咱就直奔主题吧，直接展现代码：javascript

1

2

3

4

5

1

2

3

4

5

如下就是js的部分:java

JQ:

获取全部选中的项(获取全部的select的选中项需遍历载具体取相应的值)

$('[name=n_select] :selected');

$('.c_select option:selected');

$('.c_select').find('option:selected');

获取select 选中的值(只返回第一个select )

$('[name=n_select] :selected').text(); // 获取select选中项的文本

$('[name=n_select] :selected').val(); // 获取select选中项的值

$('.c_select option:selected').text(); // 获取select选中项的文本

$('.c_select option:selected').val(); // 获取select选中项的值

$('.c_select').find('option:selected').text(); // 获取select选中项的文本

$('.c_select').find('option:selected').val(); // 获取select选中项的值

JS:

// 兼容至IE9+

var tag_select = document.getElementsByClassName('c_select'); // 获取全部select

// 至少兼容值IE7,IE6没测试

var tag_select = document.getElementsByTagName('select'); // 获取全部select

// 至少兼容值IE7,IE6没测试

var tag_select = document.getElementsByName('n_select'); // 获取全部select

// 至少兼容值IE7,IE6没测试 (下面索引1只是随便举例，可遍历 tag_select 获取全部的)

var tag_sValue = tag_select[1].value; // 获取某个select选中项的值

var tag_sIndex = tag_select[1].selectedIndex; // 获取某个select选中项的索引

var tag_oValue = tag_select[1].options[tag_sIndex].value; // 获取某个select选中项的值

var tag_oTexts = tag_select[1].options[tag_sIndex].text; // 获取某个select选中项的文本 .text 或者 .innerText 均可以获取

PS：我在写代码 js 部分的时候 tag_select[1].options[tag_sIndex] 中的 options 总是忽略 s 写成 option，致使获取不到值。和我同样粗枝大叶的童鞋须要注意下，不要再犯这种低级错误啦 ♪(^∇^*)！测试