使用javascript将来自不同选择的选项存储到数组中

使用javascript将来自不同选择的选项存储到数组中,javascript,html,arrays,Javascript,Html,Arrays,我有n个选择,如下所示: <select id="select1"> <option value="1">test1</option> <option value="2" selected="selected">test2</option> <option value="3">test3</option> </select> <s

我有n个选择,如下所示:

<select id="select1">
        <option value="1">test1</option>
        <option value="2" selected="selected">test2</option>
        <option value="3">test3</option>
    </select>

    <select id="select2">
        <option value="1">asdf</option>
        <option value="2" selected="selected">fdsa</option>
        <option value="3">asdf</option>
    </select>

测试1
测试2
测试3
asdf
fdsa
asdf
我想在每个选项中选择一个选项,然后单击一个按钮,这些选项被存储到一个数组中,这样我以后可以像JSON一样格式化它。我有以下代码用于一个选项:

<button onClick="GetSelectedItem('select1');">Get Selected Item</button>


var arr1 = [];
    function GetSelectedItem(el)
    {
        var e = document.getElementById(el);
        var strSel =e.options[e.selectedIndex].text;

        arr1.push(strSel);
        console.log(arr1);

    }
获取所选项目
var arr1=[];
函数GetSelectedItem(el)
{
var e=document.getElementById(el);
var strSel=e.options[e.selectedIndex].text;
arr1.推送(strSel);
控制台日志(arr1);
}

但我不知道如何为超过1个选择项执行此操作。

这应该适合您

函数getSelectedItems(){ var elements=document.getElementsByClassName('selectVal'); var结果=[]; 对于(var i=0;i

测试1
测试2
测试3
asdf
fdsa
asdf

获取选定项
使用类而不是ID进行绑定。尝试使用类作为参数,该类输出未定义项,因为它通过的是整个列表而不是选定项,请给我一个示例。现在,如果我还想包含输入,我是否需要创建一个新函数,然后加入数据?我只需要用一个按钮来管理输入和选择。你可以使用相同的功能,但可以获取输入并分配给其他变量,以便于操作