您的位置:首页 > Web前端 > JavaScript

Js读取select多选的几种方法

2017-04-01 18:09 344 查看
首先,编写HTML如下:

<form id="form1">
<table border="0">
<tr>
<td>操作系统:</td>
<td>
<select name="os" size="4" multiple="multiple" id="os">
<option value="windowxp" selected="selected">windowxp</option>
<option value="window7">window7</option>
<option value="window10">window10</option>
<option value="mac os">mac os</option>
</select>
</td>
</tr>
</table>
</form>


方法

function readselect2() {

// 方法一
var os = document.getElementById("os");
var msg = "被选中的项:";
for (var i = 0; i < os.length; i++) {
if (os.options[i].selected == true)
msg += " " + i + ":" + os.options[i].text;
}
alert(msg);

// 方法二 jquery
var val = $("#os").val();
alert(val);

// 方法三 jquery
val = $('select[name=os]').val();
alert(val);

// 方法四 jquery
var selectedValues = [];
var selectedTexts = [];
$("#os :selected").each(function() {
selectedValues.push($(this).val());
selectedTexts.push($(this).text());
});
alert(selectedValues);
alert(selectedTexts);

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html select javascript