Question

我有一个问题，在这里我使用selectpicker中的Bootstrap插件来选择多个插件，在这里我想进行模态编辑，以从先前的数据中检索数据。关于如何在selectpicker中设置值的数组形式的先前数据这是我的回复数据

0: {some data}
1: {some data}
2: Array(2)
0: "6"
1: "18"

如何使用索引数组2中的数据设置selectpicker中的值

这是我的HTML

<select class="selectpicker" name="loan_duration[]" id="loan_duration" class="form-control" multiple>
    <option value="6">6</option>
    <option value="9">9</option>
    <option value="12">12</option>
    <option value="15">15</option>
    <option value="18">18</option>
    <option value="21">21</option>
    <option value="24">24</option>                                 
</select>

Answer 1

您可以执行以下操作（如果我正确理解了您的问题）：

<option value="6" {{ in_array(6, $array) ? 'selected' : '' }}>6</option>

有关PHP in_array() method的更多信息。

Answer 2

如果值在数组中，请使用@if @endif，然后添加所选属性

<select class="selectpicker" name="loan_duration[]" id="loan_duration" class="form-control" multiple>
              <option @if (in_array("6", $response[2])) "selected" @endif value="6">6</option>
              <option @if (in_array("9", $response[2])) "selected" @endif value="9">9</option>
              <option @if (in_array("12", $response[2])) "selected" @endif value="12">12</option>
              <option @if (in_array("15", $response[2])) "selected" @endif value="15">15</option>
              <option @if (in_array("18", $response[2])) "selected" @endif value="18">18</option>

                          </select>

Answer 3

您可以将包含值的数组直接传递给val()元素的select方法。

var data = [{}, {},
  [6, 18]
];

$('#loan_duration').val(data[2]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select class="selectpicker form-control" name="loan_duration[]" id="loan_duration" multiple>
  <option value="6">6</option>
  <option value="9">9</option>
  <option value="12">12</option>
  <option value="15">15</option>
  <option value="18">18</option>
  <option value="21">21</option>
  <option value="24">24</option>
</select>

无论有没有bootstrap插件，它都可以使用。

如何设置选择选择器中的值从数据库？

3 个答案: