У меня есть список 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 = "";}
}
Я успешно использовал массив options для этого. Поэтому вместо создания узлов HTML используйте JS API. Также имейте в виду, что в iOS не поддерживаются многопозиционные флажки.
var opt = new Option(tb.value, tb.value, false, false);
lstbx.options.add(opt);