Tengo el siguiente código de trabajo. Esto muestra un menú desplegable y también recupera un archivo html para mostrar:

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

Necesito enmendar esto para algunas cosas adicionales.

En primer lugar, necesito el menú desplegable para enviar automáticamente cuando se realiza una elección.

Luego lo necesito para obtener el archivo html relevante para la elección, por ejemplo, si eligen la opción "FML", obtendrán el archivo html "FML_shares.html". y finalmente, si la opción no tiene ningún archivo html relacionado con él, entonces se mostrará un error como "no existe ese archivo", etc.

Solo para hacerlo un poco más complejo, no quiero todo el archivo. El archivo tiene una tabla y quiero obtener los datos de la primera fila de la tabla, para las primeras cinco columnas de datos y mostrarlos solo.

Gracias por cualquier ayuda, he estado buscando una solución por un tiempo sin éxito y mi conocimiento de JQuery / Javascript es muy básico. (He hecho algo similar con PHP en el pasado, pero esa no es una opción aquí)