Параметры, добавленные в <select>, невидимы в списке на iPhone

У меня есть список HTML и я добавляю параметры с помощью javascript - никаких проблем в каких-либо браузерах на ПК - Mozilla, Chrome, IE, Opera, Safari. Однако при выполнении на iPhone добавленная опция невидима в списке - показывает только - (0 элементов), пока вы не нажмете на список, а затем увидите добавленную опцию, как если бы вы нажимали на обычный элемент "выбрать", нажмите это и только после этого опция видна. Надеюсь, я сделал себе достаточно ясно...

Функциональность такова: пользователь заполняет текст в текстовом поле (tb), нажимает кнопку добавления (btn), параметр создается и отображается в списке (lstbx)

Здесь код:

<input type="text" id="tb">

<select id="lstbx" multiple="multiple"></select>

<input type="button" id="btn" onclick="add_option(lstbx, form.tb, form.btn)">


function add_option(lstbx, tb, btn) {
    var option = document.createElement("option");
        if (tb.value != "") {
            option.text = tb.value;
            option.value = tb.value;
            lstbx.options.add(option);
            tb.value = "";}         
    }

Ответ 1

Я успешно использовал массив options для этого. Поэтому вместо создания узлов HTML используйте JS API. Также имейте в виду, что в iOS не поддерживаются многопозиционные флажки.

var opt = new Option(tb.value, tb.value, false, false);
lstbx.options.add(opt);