php - Selectpicker 在 optgroup 中添加选项

Question

我想使用 jQuery 在 optgroup 中添加一个选项。我正在使用 Bootstrap 选择器。以下是我的代码:

var groupOption = "<option value='123'>123</option>";
$("#selectpickerdemo").append(groupOption).selectpicker('refresh');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class="selectpicker" multiple name="selectpickerdemo" id="selectpickerdemo">
  <optgroup label="Label 1">
    <option value='abc'>ABC</option>
    <option value='abcd'>ABCD</option>
  </optgroup>
  <optgroup label="Label 2">
    <option value='abc'>ABC</option>
    <option value='abcd'>ABCD</option>
  </optgroup>
</select>

Answer 1

请使用id属性(或其他属性，如class等)。例如

...
<optgroup label="Label 1" id="label1">
    <option value='abc'>ABC</option>
    <option value='abcd'>ABCD</option>
</optgroup>
...

var opt_label1 = $("#label1" );
$("<option>").text('option text').val('option value').appendTo(opt_label1);

更多详细信息，请参阅此示例。 http://jsfiddle.net/jonathansampson/493qa/