У меня есть следующий рабочий код. Это отображает выпадающий список, а также выбирает HTML-файл для отображения:

   $.getJSON('json/shares.json', function(data) {
      var items = [];

      $.each(data.Shares, function(key, val) {
        items.push('<option id="' + val.shareID+ '">' + val.shareID+ '</option>');
      });

      $('<select/>', {
        'id': 'shares',
        html: items.join('')
      }).appendTo('#shares');
    });
    </script>

    <script type="text/javascript">

    $.get('lon_shares.html', function(data){
        $(data).appendTo('#shares');
    });

    </script>   

Мне нужно изменить это на несколько дополнительных вещей.

Во-первых, мне нужен выпадающий список для автоматической отправки при выборе.

Затем он мне нужен, чтобы получить html-файл, относящийся к выбору, например, если они выбирают & quot; FML & quot; Опция: он получит HTML-файл & quot; FML_shares.html & quot; если они выберут «GBP» тогда он должен получить & quot; GBP_shares.html & quot; и, наконец, если у выбора нет html-файла, связанного с ним, то должна отображаться ошибка, такая как «нет такого файла». и т.п.

Просто чтобы сделать его немного сложнее, мне не нужен весь файл. В файле есть таблица, и я хочу получить данные из первой строки таблицы для первых пяти столбцов данных и отобразить их в отдельности.

Спасибо за любую помощь, я какое-то время искал решение без какого-либо успеха, и мои знания JQuery / Javascript очень просты! (Я делал что-то похожее с PHP в прошлом, но это не вариант здесь)