在 PHP 中，如何使用 select2(Jquery pulgin) 显示选定的值

Question

我需要在 select2 的选择框中输入多个值，但它选择了最后一个。
我可以将

apple

、

tomato

插入数据库，但浏览器中的 select2 中仅显示

tomato

。

这是我的代码，仅选择一个值，而不是多个。

<?php if ($views['mb_medical']) $medi_arr = explode('|', $views['mb_medical']);
    for ($i = 0; $i < count($medi_arr); $i++) { ?>
        <select class="medical_subject" name="mb_medical[]" id="mb_medical" multiple="multiple">
            <option value="apple" <?php if($medi_arr[$i] == 'apple') echo 'selected'; ?>>apple</option>
            <option value="tomato" <?php if($medi_arr[$i] == 'tomato') echo 'selected'; ?>>tomato</option>
            <option value="banana" <?php if($medi_arr[$i] == 'banana') echo 'selected'; ?>>banana</option>
            <option value="melon" <?php if($medi_arr[$i] == 'melon') echo 'selected'; ?>>melon</option>
        </select>
                
<?php } ?>

图中，select2缺少

apple

，但确实有

tomato

。
我已经检查了

$medi_arr[$i]

输出的正确性。

Answer 1

终于开工了。

<?php if ($views['mb_medical']) {
  $medi_arr = explode('|', $views['mb_medical']); ?>
  
  <select class="medical_subject" name="mb_medical[]" id="mb_medical" multiple>
      <option value="apple" 
        <?php for ($i = 0; $i < count($medi_arr); $i++) {
        if($medi_arr[$i] == 'apple') echo 'selected';} ?>>apple
      </option>
      <option value="tomato" 
        <?php for ($i = 0; $i < count($medi_arr); $i++) {
        if($medi_arr[$i] == 'tomato') echo 'selected';} ?>>tomato
      </option>
      <option value="banana" 
        <?php for ($i = 0; $i < count($medi_arr); $i++) { 
        if($medi_arr[$i] == 'banana') echo 'selected';} ?>>banana
      </option>
      <option value="melon" 
        <?php for ($i = 0; $i < count($medi_arr); $i++) { 
        if($medi_arr[$i] == 'melon') echo 'selected';} ?>>melon
      </option>
  </select>
            

Answer 2

我正在添加示例代码，以便您可以在代码中使用此代码来完成您所需的任务。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" integrity="sha512-2ImtlRlf2VVmiGZsjm9bEyhjGW4dU7B6TNwh/hx/iSByxNENtj3WVE6o/9Lj4TJeVXPi4bnOIMXFIJJAeufa0A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css" integrity="sha512-nMNlpuaDPrqlEls3IX/Q56H36qvBASwb3ipuo3MxeWbsQB1881ox0cRv7UPTgBlriqoynt35KjEwgGUeUXIPnw==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<select name="category" class="select2 select2-offscreen" id="category" style="width:100%" data-placeholder="Select Fields" tabindex="-1" multiple>
<option value="">Select Category</option>
<option value="1">Business</option>
<option value="7">Education</option>
<option value="5" selected="selected">Environment</option>
<option value="3" selected="selected">Health</option>
<option value="11">Movies</option>
<option value="4">Science</option>
<option value="2">Sports</option>
<option value="6">Tech</option>
<option value="10">Top Stories</option>      
</select>

<script>
$("#category").select2();
</script>

Answer 3

如果您不想手动编写所有选项，下面的代码将动态生成从数据库中提取的选项：

<select class="js-example-basic-multiple form-select" id="Labels" name="Labels" multiple="multiple" data-width="100%">
  <?php 
  if ($products["labels"]) {
       $label_arr = explode('|', $products["labels"]);
  } 
  ?>
  <?php foreach ($labels as $label): ?>
  <option value="<?= $label['label'] ?>" 
  <?php if ($label_arr) { 
    for ($i=0 ; $i < count($label_arr); $i++) { 
      if ($label_arr[$i]==$ label[ 'label']) echo 'selected'; 
      } 
     } 
  ?> >
    <?= $label['label'] ?>
  </option>
  <?php endforeach; ?>

</select>