Bootstrap-Select不会提交选择

Question

我有此表格：

<script src="./bootstrap-select/js/bootstrap-select.js"></script>
<form action="rec.php" name="submit" method="post">
    <select name="all[]" class="form-control">
        <?php
        for($i = 0; $i < 10; $i++) {
        ?>
        <option value="details<?=$i?>"><?=$i?></option>
        <?php } ?>
    </select>
    <?php
    for($i = 0; $i < 10; $i++) {
    ?>
    <input type = "hidden" name="infos[]" value="<?=$i?>">
    <?php } ?>
    <input type="submit" vale="submit" name="submitit">
</form>

rec.php：

<?php
print_r($_REQUEST);
?>

提交表格时，我只会得到infos[]的数组，而与all[]有关。当我删除bootstrap-select并重新提交表单时，我将获得所有结果。

如何修复bootstrap选择以解决我的问题？

我正在使用bootstrap-select v1.10.0。

Answer 1

我会发表评论，但它不允许我发布漂亮的输出。我复制了你的代码

index.php

<script src="bootstrap-select/js/bootstrap-select.js"></script>
<form action="rec.php" name="submit">
    <select  name="all[]" class="form-control">
        <?php
        for($i = 0; $i < 10; $i++) {
            ?>
            <option value="details<?=$i?>"><?=$i?></option>
        <?php } ?>
    </select>
    <?php
    for($i = 0; $i < 10; $i++) {
        ?>
        <input type = "hidden" name="infos[]" value="<?=$i?>">
    <?php } ?>
    <input type="submit" value="submit" name="submitit">
</form>

rec.php

<?php
echo "<pre>";
var_dump($_REQUEST);
echo "</pre>";

看来您正在尝试实现一个多选择，但是对我来说，我看到的选择只是一个常规选择，而常规选择只能有一个值

这是我看到的输出：

array(4) {
  ["all"]=>
  array(1) {
    [0]=>
    string(8) "details1"
  }
  ["infos"]=>
  array(10) {
    [0]=>
    string(1) "0"
    [1]=>
    string(1) "1"
    [2]=>
    string(1) "2"
    [3]=>
    string(1) "3"
    [4]=>
    string(1) "4"
    [5]=>
    string(1) "5"
    [6]=>
    string(1) "6"
    [7]=>
    string(1) "7"
    [8]=>
    string(1) "8"
    [9]=>
    string(1) "9"
  }
  ["submitit"]=>
  string(6) "submit"
  ["Phpstorm-2043c6b"]=>
  string(36) "........." <- ignore this
}

您能向我解释该输出与您预期的不同吗？

注意：您链接到选择课上建议的文档应为： selectPicker

您需要此行：

<script>
    $('.selectpicker').selectpicker();
</script>

但是，这导致错误：

• 未定义jQuery（…）

• 未定义$未定义（…）

您至少需要包含jQuery来完成多选工作。（我还没有测试过）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js">