Заполнить объект выбора / меню с помощью jQuery
Вопрос
Мне нужно заполнить объект с помощью jQuery У меня есть диалоговое окно (jQueryUI), которое показывает. После закрытия диалога объект должен быть заполнен элементами, взятыми из таблицы mySQL
У меня есть функция fill_select (), расположенная в моем коде JS ... и я должен поместить туда код, потому что я часто вызываю эту функцию JS. Р>
PS: я должен удалить все элементы перед заполнением выберите снова
Решение
Причина, по которой я использовал JSON в этом примере, заключается в том, что вы обычно хотите, чтобы вызовы AJAX были легкими. Построение HTML-строки на стороне клиента является относительно быстрым для большинства браузеров (вы, вероятно, знаете, какой из них не такой быстрый ...). В любом случае вы не хотите добавлять элементы к выбранному по одному из соображений скорости.
Если вы не знаете, что такое JSON, взгляните на это.
function fillSelectList(param1, param2) {
$.ajax({
type: "GET",
url: "myUrl.php",
data: { Param1: param1, Param2: param2 },
dataType: "json",
async: true,
success: function(data, textStatus) {
var html = "";
for (var i = 0; i < data.length; i++) {
html += "<option value=\"";
html += data[i].value + "\">";
html += data[i].text + "</option>";
}
$("#mySelectList").empty().append(html);
}
});
}