Question

首先我知道这个问题已被多次询问，但我再次问这个问题，因为我已经尝试了之前问题的解决方案，但没有一个解决了我的问题。

使用下面的代码我当时只能选择一个选项，我需要选择多个选项并将它们作为数组发送到PHP。我正在使用chrome版本62.0.xx ..

提前致谢。

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <form name="one" action="query.php" method="POST" >
        <select multiple="multiple" name="def[]">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select><br>
        <input type="submit" name="SubIn" />
    </form>
</body>
</html>

Answer 1

使用Ctrl+option选择多项选择，按Ctrl并点按鼠标选择选项

function changed(elem){
  var select1 = document.querySelector("#def");
    var selected1 = [];
    for (var i = 0; i < select1.length; i++) {
        if (select1.options[i].selected) selected1.push(select1.options[i].value);
    }
    document.querySelector("#selected").innerHTML = selected1;
}

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <form name="one" action="query.php" method="POST" >
        <select onchange="changed(this)" multiple="multiple" name="def[]" id="def">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select><br>
        <input type="submit" name="SubIn" />
    </form>
    <div id="selected"></div>
</body>
</html>

Answer 2

我在下面的代码段中尝试了您的代码，只需按住ctrl，按住ctrl并通过鼠标单击选择选项

＆＃13;

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <form name="one" action="query.php" method="POST" >
        <select multiple="multiple" name="def[]">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select><br>
        <input type="submit" name="SubIn" />
    </form>
</body>
</html>

＆＃13;

您可以将此选项作为包含$_POST['def']的数组。

在php中进行多项选择

2 个答案: