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