個々のテキストボックスにテキストボックスカンマを区切ります

Question

こんにちは私はこのテキストボックスを5つの個別のテキストボックスに分解しようとしています。

現在の結果

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

望ましい結果

あなたが作業の例を見ることができます

<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"> 

Answer 1

と

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() 
})