2016-07-11 9 views
-2

Hallo, ich versuche, dieses Textfeld in 5 INDIVIDUAL Textfeld zu explodieren.Explode Textfeld Komma getrennt in einzelne Textfelder

Aktuelles Ergebnis

<input name="textfield" type="text" id="textfield" value="2, simon feld,  1968, TAS" size="40"> 

Wunschergebnis

<input name="textfield" type="text" id="textfield" value="2" size="40"> 
<input name="textfield" type="text" id="textfield" value="simon feld" size="40"> 
<input name="textfield" type="text" id="textfield" value="1968" size="40"> 

+0

Was Ihre gewünschte Ausgabe ist? Zeigen Sie bitte ein Demo –

+1

alle 3 Eingänge haben den gleichen Namen, Sie werden auf diese Weise Probleme haben. Bessere Eingabe ändern name = "textfield" ot eingabe name = "textfield []". In diesem Fall setzen Sie die Werte in ein Array –

+0

Was haben Sie versucht? Ist Ihnen bewusst, dass die Wiederholung von "name" - und "id" -Attributen nahezu nutzlos ist? – gcampbell

Antwort

0

Unten sehen Sie die Arbeitsbeispiel finden und FIDDLE

function makeSeperateInputs() { 
var arrOfValues = $('#textfield').val().split(','); 
for(var i=0, len = arrOfValues.length; i < len; i++) { 
$('body').append('<input name="textfield" type="text" id="textfield' + i + '" value="' + arrOfValues[i] + '" size="40"><br>') 
} 
} 
$('body').on('click', '#seperateThem', function() { 
makeSeperateInputs() 
}) 
+0

ausgezeichnet, danke – micalotl

+0

Gern geschehen :) – Arif

Verwandte Themen