将文本框逗号分隔为单独的文本框

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

您可以在下面找到工作示例和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()
})