Question

如何在表单中发布多个选择的值？当我点击提交时，没有发布任何选定的值。

<form id="form" action="" method="post">
    <div>
        <select id="inscompSelected" multiple="multiple" class="lstSelected">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>                
        </select>
        <input type="submit" value="submit">
    </div>
</form>

Answer 1

您需要添加name属性。

由于这是一个多选，在HTTP级别，客户端只发送多个具有相同名称的名称/值对，如果您使用带有method="GET": someurl?something=1&something=2&something=3的表单，您可以自己观察。

对于PHP，Ruby和其他一些库/框架，您需要在名称末尾添加方括号（[]）。框架将解析该字符串，并以一些易于使用的格式呈现它，如数组。

除了手动解析请求之外，没有语言/框架/库无关的方式来访问多个值，因为它们都有不同的API

对于PHP，您可以使用：

<select name="something[]" id="inscompSelected" multiple="multiple" class="lstSelected">

Answer 2

尝试一下：这里select是您的选择元素

let select = document.getElementsByClassName('lstSelected')[0],
    options = select.options,
    len = options.length,
    data='',
    i=0;
while (i<len){
    if (options[i].selected)
        data+= "&" + select.name + '=' + options[i].value;
    i++;
}
return data;

数据采用查询字符串的形式，即name = value＆name = anotherValue

从多个选择中发布值

2 个答案: