为什么单击提交按钮后仅选择选择标签的第一个值？

Question

我只想知道为什么虽然选择第二个或更多选项时单击提交按钮时仅选择选择标记的第一个值？

<div class="form-group my-3">
   <select class="form-control" name="role">
      <option value="">Select your role</option>
      <option value="1"  <?=(isset($_SESSION['role'])==1) ? 'selected': ''; unset($_SESSION['role']) ?> >Admin</option>
      <option value="2" <?=(isset($_SESSION['role'])==2) ? 'selected': ''; unset($_SESSION['role']) ?>>Modarator</option>
      <option value="3" <?=(isset($_SESSION['role'])==3) ? 'selected': ''; unset($_SESSION['role']) ?>>Editor</option>
   </select
<!-- error msg if role is not selected -->
    <?php if(isset($_SESSION['role_empty'])){ ?>
        <div class="alert alert-warning" role="alert">
           <?php echo $_SESSION['role_empty']; ?>
         </div>                    
    <?php } unset($_SESSION['role_empty']); ?>
</div>

我希望使用Editor或Modarator，但只有Admin为什么？

Answer 1

默认情况下， <select>显示为下拉框，并且仅允许您一次选择一个<option>元素。 可以通过使用multiple属性来覆盖此属性，该属性告诉浏览器将元素呈现为列表框，并允许选择多个项目。 您可以使用Ctrl并单击鼠标左键来手动选择多个元素。

 <select class="form-control" name="role" placeholder="Select your role" multiple> <option value="1" selected>Admin</option> <option value="2" selected>Moderator</option> <option value="3">Editor</option> </select>