अलग-अलग पाठ इनपुट में फोरनाम और उपनाम कैसे प्रदर्शित करें?</p> <p><code>scomp23 - Jack Turner</code></p> नीचे इस कोड के साथ <p>अब:

Question

एक ड्रॉप डाउन मेनू में, मैं प्रत्येक विकल्प एक उदाहरण के रूप में नीचे की तरह दिखाया गया है

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

प्रदर्शन scomp23 मैं क्या करने की कोशिश कर रहा हूँ #currentAdminAlias टेक्स्ट इनपुट (यह ठीक काम करता है) #currentAdminForename टेक्स्ट इनपुट में Jack प्रदर्शित करें और #currentAdminSurname टेक्स्ट इनपुट में Turner प्रदर्शित करें।

मेरी समस्या यह है कि यह केवल #currentAdminForename टेक्स्ट इनपुट में पूर्वनाम और उपनाम दोनों प्रदर्शित करता है।

अब मुझे पता है कि ऐसा क्यों होता है लेकिन मेरा सवाल यह है कि मैं अलग-अलग पाठ इनपुट में पूर्वनाम और उपनाम कैसे प्रदर्शित कर सकता हूं?

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

या एक एचटीएमएल 5 डेटा विशेषता के रूप में मान विकल्प तत्व को आप चाहते हैं में से प्रत्येक के लिए संलग्न पर विचार करें। जो तुम

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

एक नमूना विकल्प तत्व के साथ

तरह

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