如何使用PHP获取Bootstrap Select多选组件的选中数据？

兄弟，你这问题的核心其实是个容易忽略的表单细节——你的select标签name属性没加[]！这是多选表单元素提交时的关键规则，不加的话浏览器只会把最后一个选中的值传给PHP，而不是数组，难怪你用foreach循环会报错说数据不是数组。

我给你一步步拆解解决方法：

1. 先修正HTML里的select标签 #

把name="generals"改成name="generals[]"，这样浏览器才会把多个选中值打包成数组发送。另外我发现你里面的Middle Name选项value写错成first_name了，顺手帮你修正了，避免选中后值重复：

<div class="col-9"> 
  <select id="generals" name="generals[]" class="form-control kt-selectpicker" multiple title="Choose one of the following..."> 
    <optgroup label="Passport"> 
      <option value="passport_number">Number</option> 
      <option value="passport_date">Date of issuance</option> 
      <option value="passport_expired">Date of expiry</option> 
      <option value="passport_office">Issuing Office</option> 
    </optgroup> 
    <optgroup label="Personal"> 
      <option value="applicant_id">Applicant Id</option> 
      <option value="first_name">First Name</option> 
      <option value="middle_name">Middle Name</option> 
      <option value="last_name">Last Name</option> 
      <option value="address">Address</option> 
      <option value="crew_id">Crew Id</option> 
      <option value="email">Email</option> 
      <option value="mobile_number">Mobile Number</option> 
    </optgroup> 
  </select> 
</div>

2. 确保Ajax提交时正确传递数据 #

如果用jQuery的Ajax，直接用serialize()或者serializeArray()就行，这俩方法会自动处理带[]的表单元素：

// 示例Ajax代码
$.ajax({
  url: '你的PHP接口路径',
  method: 'POST',
  data: $('form').serialize(), // 要是只提交这个select，就用$('#generals').serialize()
  success: function(res) {
    console.log('提交成功', res);
  },
  error: function(err) {
    console.error('提交出错', err);
  }
});

要是手动用FormData构造数据，记得循环选中的选项，把每个值加到同一个key下：

let formData = new FormData();
$('#generals option:selected').each(function() {
  formData.append('generals[]', $(this).val());
});
// 然后用formData作为data参数提交Ajax

3. PHP端接收处理数据 #

现在PHP就能拿到真正的数组了，你可以放心用foreach或者implode来处理：

// 先做个判断，避免未选中时报错
if(isset($_POST['generals']) && is_array($_POST['generals'])) {
  // 遍历每个选中值
  foreach($_POST['generals'] as $item) {
    echo '选中项：' . htmlspecialchars($item) . '<br>';
  }

  // 或者转成逗号分隔的字符串存库/展示
  $selectedStr = implode(', ', $_POST['generals']);
  echo '所有选中项：' . htmlspecialchars($selectedStr);
} else {
  echo '没有选中任何选项';
}

最后提一句：bootstrap-select只是给原生select套了个好看的UI壳子，底层还是遵循原生表单的规则，所以只要按原生多选的要求加[]就行，之前的问题就是因为漏了这个小细节~

内容的提问来源于stack exchange，提问作者Ying