在HTML中获取输入值

在HTML中获取输入值,html,forms,input,Html,Forms,Input,这件简单的事我需要帮助。我有一个多选输入框,我想使用javascript获取所选参数的值。问题是,当我使用: x=document.form.box.value; 表单如下所示: <form name="form"> <select name="box" multiple> <option value="a">A</option> <option value="b">B</option> </select>

这件简单的事我需要帮助。我有一个多选输入框,我想使用javascript获取所选参数的值。问题是,当我使用:

x=document.form.box.value;
表单如下所示:

<form name="form">
<select name="box" multiple>
<option value="a">A</option>
<option value="b">B</option>
</select> 
</form>

A.
B
我总是选择第一个选项。我需要将所有选定选项的值作为字符串,最好用逗号分隔。例如,如果我选择A,我得到A,如果B,我得到B,但当我选择A和B时,我又得到A


有什么想法吗?

首先给出您的选择框和ID,这样可以通过标准呼叫访问:

<select name="box" id="box" multiple>
  <option value="a">A</option>
  <option value="b">B</option>
</select>

A.
B
然后,您可以循环浏览各个选项,仅附加选定的选项:

var sel = document.getElementById("box")
var sResult = "";

for (var i = 0; i < sel.options.length; i++) {
  if (sel.options[i].selected){
      sResult += sel.options[i].value + ','
  }
}

if (sResult.length > 1)  sResult = sResult.substring(0,sResult.length-1);
var sel=document.getElementById(“框”)
var sResult=“”;
对于(变量i=0;i1)sResult=sResult.substring(0,sResult.length-1);

工作示例:

可能重复@koala_dev no,这不是多重选择