Почему для элемента типа select не добавляются артибуты Options?

Question

[Николай Бараненко]

Здравствуйте.

Пытаюсь при создании формы добавить артибуты Options для элемента типа select

<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

Почему для элемента main_selectpicker типа select не добавляются артибуты Options?

Comments

[Александр]

Код jQuery рабочий. Значит или у вас не не находит jQuery т.е. неверно подключен, либо что-то с json

[Николай Бараненко]

с json все отлично добавляю console.log(jsondata.items[i].name); там есть данные. Если же из искомого элемента формы убрать наименование класса selectpicker, то Options появляются. НО этого легче не стало :-)

[Александр]

Николай Бараненко: ну значится у вас неправильно подключен selectpicker-bootstrap =)

Answer 1

[Николай Бараненко]

после добавления новых атрибутов Options необходимо было выполнить метод refresh

$('#main_selectpicker').selectpicker('refresh');