html select 多选传值,Js读取select多选的几种方法

首先，编写HTML如下：

操作系统：

windowxp window7 window10 mac os

方法

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);

}

本文由【waitig】发表在等英博客 本文固定链接：Js读取select多选的几种方法 欢迎关注本站官方公众号，每日都有干货分享！

点赞 (0)赏分享 (0)