Eu tenho o seguinte código de trabalho. Isso exibe uma lista suspensa e também busca um arquivo html a ser exibido:

   $.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>   

Eu preciso corrigir isso para algumas coisas extras.

Em primeiro lugar, preciso do menu suspenso para envio automático quando uma opção é feita.

Eu então preciso que o arquivo html seja relevante para a escolha, por exemplo, se eles escolherem a opção "FML", ele irá obter o arquivo html "FML_shares.html" se escolher "GBP", então ele deverá receber "GBP_shares.html" e, finalmente, se a escolha não tiver nenhum arquivo html relacionado a ele, um erro deverá ser exibido, como "nenhum arquivo" etc.

Só para torná-lo um pouco mais complexo, não quero o arquivo inteiro. O arquivo tem uma tabela e eu quero obter os dados da primeira linha da tabela, para as primeiras cinco colunas de dados e exibi-las sozinhas.

Obrigado por qualquer assistência, eu tenho procurado por uma solução por um tempo sem sucesso e meu conhecimento de JQuery / Javascript é muito básico! (Eu fiz algo semelhante com PHP no passado, mas isso não é uma opção aqui)