格式化文本字段

时间:2014-02-28 16:58:22

标签: javascript jquery

我真的很新,所以我会感激一些帮助。请参阅this fiddle

 $(function () {

var input = $('<input type="text" />');

$('#qty').bind('blur', function () {
    var n = this.value || 0;
    if (n + 1) {
        setFields(n);
    }
});

function setFields(n) {
    $('#newFields').html("");
    $('#newFields').append("<table>");


    //to create rows and columns
    for (i = 0; i < n; i++) {

        for (j = 0; j < 1; j++) {
            var somestr = "Sample ";
            var num = i + 1;
            $('#newFields').append("<td>" + somestr + num + ":" + "</td>");
            $('#newFields').append("<td>");
            var newInput = input.clone();
            var newFields1 = $('');
            newFields1 = newFields1.add(newInput);
            newInput.appendTo('#newFields');
            $('#newFields').after("</td>");
        }
        $('#newFields').after("</tr>");
    }
   }

 });

我想让输入文本字段出现在右栏(因此它应该是[第1列]“样本#”[第2列]输入文本字段,“样本2”和另一个文本字段出现在下一行等等)。一直在尝试,但无法得到它。谢谢!

1 个答案:

答案 0 :(得分:0)

尝试通过在appendTo()方法上定位表本身,将新行添加到现有表中。您不需要添加新表格,因为您还没有使用</table>关闭表格,所以目前无法正常工作。