Обновление опций окна выбора через JQuery AJAX?

Question

Есть ли какой-нибудь плагин для этого? Сервер вернет содержимое JSON, содержащее метки и значения параметров.

Я могу сделать это вручную, я просто хотел посмотреть, есть ли более простой способ.

Answer 1

Переберите json и сделайте это с каждой парой текст / значение (хорошо работает в разных браузерах):

var opt = document.createElement('option');
opt.value = "someValue";
opt.appendChild(document.createTextNode("someText"));
$('#mySelect').append(opt);

Answer 2

Я буквально просто зацикливаю элементы в списке и генерирую html, прежде чем вставлять html в элемент. Возможно, есть плагин, о котором вы упомянули.

var selectHtml = ''
foreach obj Item in jsonobject.list)
  selecthtml += "<option value="+ item.value +">" + item.label + "</option>"

$('selectList').html(selectHtml);

или что-то похожее

Answer 3

Я использую javascript, jQuery и AJAX для обновления поля выбора данными JSON следующим образом. Он довольно чистый и лаконичный и отлично выполняет свою работу.

$.getJSON(url, data, function(responseJSON){ // GET JSON value from the server
    $("#mySelect option").remove(); // Remove all the <option> child tags from the select box.
    $.each(responseJSON.rows, function(index, item) { //jQuery way of iterating through a collection
        $('#mySelect').append($('<option>')
            .text(item.label)
            .attr('value', item.value));
                });
            });