Jak wyświetlać imię i nazwisko w osobnych wpisach tekstowych?

Question

W rozwijanym menu, jakie każda opcja wyświetlana jak poniżej jako przykład:

scomp23 - Jack Turner

Teraz z tego kodu poniżej:

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

Co staram się zrobić, to wyświetlacz scomp23 Wprowadzanie tekstu (to działa poprawnie), wyświetlenie Jack w #currentAdminForename wprowadzanie tekstu i wyświetlanie w tekście wprowadzania .

Problem polega na tym, że wyświetla tylko imię i nazwisko tylko w tekście wejściowym #currentAdminForename.

Teraz wiem, dlaczego tak się dzieje, ale moje pytanie brzmi: jak wyświetlić imię i nazwisko w osobnych wpisach tekstowych?

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]); 

Albo rozważyć dodanie każdej wartości chcesz elementu opcji jako atrybut danych HTML 5. Co daje

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

z elementem opcji próbka wygląda jak

 <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]);