为什么在 select 元素上使用 selectpicker 类时不添加 Options 属性？

你好。

我正在尝试在创建表单时为选择元素添加选项属性

<script type="text/javascript" src="resources/js/jquery-2.2.3.min.js"></script>
    <script type="text/javascript" src="resources/js/bootstrap.js"></script>
    <script type="text/javascript" src="resources/js/bootstrap-select.min.js"></script>

<select id="main_selectpicker" class="selectpicker  show-tick form-control"  data-live-search="true" data-size="15"/>

像这样试过

<script type="text/javascript">
    $(function(){
$.getJSON('Forward?URL=items.jsp', function (jsondata) {
...
                var main_selectpicker = document.getElementById("main_selectpicker");
                var option = document.createElement("option");
                option.setAttribute("value", jsondata.items[i].name);
                option.text = jsondata.items[i].name;
                main_selectpicker.appendChild(option);
...
    });
</script>

像这样

<script type="text/javascript">
    $(function(){
$.getJSON('Forward?URL=items.jsp', function (jsondata) {
...
$('#main_selectpicker').append('<option value="'+jsondata.items[i].name+'">'+jsondata.imtes[i].name+'</option>');
...
    });
</script>

值不会出现在 main_selectpicker 元素上

如果从所需的表单元素中删除选择器类的名称，则会出现选项。但是我需要这个分类，如何解决这个问题？