javascript - 从选择多个中获取值

Question

所以我有一个多选，我已经用 js 对其进行了调整，无需 CTRL 键即可工作

$(function(){
    $('.select-toggle').each(function(){    
        var select = $(this), values = {};    
        $('option',select).each(function(i, option){
            values[option.value] = option.selected;        
        }).click(function(event){        
            values[this.value] = !values[this.value];
            $('option',select).each(function(i, option){            
                option.selected = values[option.value];        
            });    
        });
    }); 
});

我在多个输入字段上使用它，如下所示。

<tr class="wide">
   <td class="input titledinput" style="left: -5px;"><select title="Please select the Consoles/Platforms the game is going to be, or has, released on. You can select more than one."
    multiple="multiple" class="select-toggle roundedcorners" name="Consoles" size="1"
    />';
       $qselectconsole = "SELECT * FROM console ORDER BY Console asc";
       $rselectconsole = mysqli_query($dbc, $qselectconsole);
       if(mysqli_num_rows($rselectconsole) !== false){
         while($rowselectconsole = mysqli_fetch_array($rselectconsole, MYSQLI_ASSOC)){
           echo '<option value="'.$rowselectconsole['ConsoleID'].'">'.$rowselectconsole['Console'].'</option>'; 
         }
       } else {
          echo '<option value="0">Something went wrong, please try refreshing the page</option>';
       }
          echo '</select>
   <p2>Platform</p2></td>
</tr>

多重选择按预期工作。现在我希望 $_POST['Consoles'] 在这种情况下输出每个选定值的值。但是当我使用 $_POST['Consoles'] 时，它仅输出要选择的最后一个变量。我将如何获取所有选定的值(因为稍后我需要它们来输入数据库)。

如果需要的话，我愿意对我的 JS 进行彻底的改造，我是一个没有经验的 JavaScript 程序员，老实说，当涉及到 JS 时，我真的不知道我在做什么。我会边学习边学习，但如果我做了一些愚蠢的事情，这意味着我只能选择多个选项，但不能存储每个单独的值，那么请告诉我。

Answer 1

首先您需要更改变量的名称:

name="Consoles"

与:

name="Consoles[]"

这将使 php 可以将所有选项放入一个“数组”中现在如果你在 php 上写:

print_r ($_POST['Consoles']);

您可以在 html 页面上看到所选的每个变量。