Вставить внешние данные JSON в selectbox динамически

0

Я хотел использовать данные json в качестве внешнего (.json) файла, чтобы динамически вводить значения в selectbox.

Оцените любую помощь...

  • 0
    Демонстрация JSFiddle: jsfiddle.net/vaq9N
  • 0
    Создайте один файл .json и вставьте в него значение вашего объекта json. Добавьте этот файл в папку вашего проекта, теперь с помощью jquery ($. GetJSON ();) вы можете загрузить данные из файла .json.
Теги:

2 ответа

1

Вот мое предложение :)

$.getJSON( "/test.json", function( data ) {
  $.each( data, function( key, val ) {
    $("#mySelectBox").push( "<option name='" + val + '>" + val + "</option>" );
  });
});

-- РЕДАКТИРОВАТЬ

function loadlist(selobj, url) {
    selobj.empty();
    selobj.append('<option value="0">--Select Category--</option>');
    $.getJSON(url, function( data) {
      $.each(data, function(index, e) {
        console.log(e);
        selobj.append( "<option name='" + e.id + "'>" + e.name + "</option>" );
      });
    });

}
loadlist($('select#category'), 'http://nicolasbize.com/magicsuggest/random.json');
Поделиться
  • 0
    Я попробовал ваше предложение .... Пожалуйста, найдите ссылку jsfiddle : jsfiddle.net/vaq9N/1 - Я не получаю данные из внешнего json ..
  • 0
    Мое новое решение не будет работать в скрипте JS, но будет работать на вашем сайте. Проблема с загрузкой данных через скрипту JS заключается в том, что вы получаете ошибки с разрешениями на межсайтовые запросы HTTP.
Показать ещё 11 комментариев
-2

Вам нужно будет заставить ваше backend-решение вернуть этот внешний JSON файл по запросу. Насколько я знаю, используя javascript, невозможно загрузить внешний файл и использовать эти данные.

В зависимости от вашей ситуации вы также можете переместить эту переменную javascript во внешний файл и загрузить ее как скрипт в создаваемый документ. Это не будет действительным файлом JSON, но может выступать в качестве решения, если запрос JSON из бэкэнд не является решением.

Поделиться
  • 0
    спасибо за вашу информацию ...
  • 0
    @Xantier Можно загружать данные внешнего файла ".json" с помощью jquery.
Показать ещё 2 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню