Come visualizzare nome e cognome in input di testo separati?

Question

In un menu a discesa, ho ciascuna opzione visualizzata come qui di seguito a titolo di esempio:

scomp23 - Jack Turner

Ora, con questo codice qui sotto:

var text = $(this).find('option:selected').text(); 
var split = text.split(' - '); 
$('#currentAdminAlias').val(split[0]);  
$('#currentAdminForename').val(split[1]); 
$('#currentAdminSurname').val(split[2]); 

Quello che sto cercando di fare è di visualizzazione scomp23 nell'input di testo #currentAdminAlias (funziona correttamente), visualizzare nell'input di testo #currentAdminForename e visualizzare Turner nell'input di testo #currentAdminSurname.

Il problema che sto riscontrando è che visualizza sia il nome che il cognome solo nel testo #currentAdminForename.

Ora so perché questo accade ma la mia domanda è come posso visualizzare il nome e il cognome in input di testo separati?

Answer 1

 var text = $(this).find('option:selected').text(); 
     var split = text.split(' - '); 
     var names = split[1].split(' '); 
     $('#currentAdminAlias').val(split[0]);  
     $('#currentAdminForename').val(names[0]); 
     $('#currentAdminSurname').val(names[1]); 

Oppure si consideri allegando ciascuno dei valori che si desidera l'elemento opzione come un attributo di dati HTML 5. Che darebbe

 var element = $(this).find('option:selected'); 
     $('#currentAdminAlias').val(element.data('alias')); 
     $('#currentAdminForename').val(element.data('forename')); 
     $('#currentAdminSurname').val(element.data('surname')); 

Con un elemento di scelta del campione che sembra

 <option data-alias="scomp23" data-forename="Jack" data-surname="Turner"> 
      scomp23 - Jack Turner 
     </option> 

Answer 2

 var split = text.split(' '); 
     $('#currentAdminAlias').val(split[0]);  
     $('#currentAdminForename').val(split[2]); 
     $('#currentAdminSurname').val(split[3]);