Question

我正在使用javascript动态生成文本字段。问题是新文本字段是在文件类型之前生成的。我想在文件类型之后和新行中生成它。我已经分享了代码。

HTML

<input type="text" name="textf"/>

http://jsfiddle.net/QxPbJ/2/

希望你理解

提前致谢

Answer 1

你的意思是这样吗？

$(function () {
    count = 2;
    var createNewField = function () {
        var node = $('<tr><td></td><td><input type="radio" name="choices" name="o" id="o" style="float:left"/><div class="XYZ" style="float:left"><input style="margin-bottom:20px; " class="ABC" type="text" name="option" id="option" placeholder="add option' + count + '"/></div>&emsp;<input type="file"/></td></tr>');
        if (count < 6) {
            $('input').last().after(node);
            count++;
            node.click(function () {
                createNewField();
            });
        };
    };
    $('input.ABC').click(function () {
        createNewField();
    });
});

Answer 2

你没有使用表，但是你附加了tr和td。字段后的第一个位置表并将tr添加到其中

Answer 3

试试此链接Click here

Html

<input type="radio" name="choices"/>
<input style="margin-bottom:20px;"id="option1" class="ABC" name="option1"type="text"/>
<input type="file" name="op" id="op"/>
<div id="appendBefore"></div>

的js

$(function () {
  count = 2;
  var createNewField = function() {
  var $node = $('<tr><td></td><td><input type="radio" name="choices" name="o" id="o"     style="float:left"/><div class="XYZ" style="float:left"><input style="margin-bottom:20px; " class="ABC" type="text" name="option" id="option" placeholder="add option '+count+'"/>   </div>&emsp;<input type="file"/></td></tr>');
  if(count < 6){
    $node.find("input.ABC").one('click', createNewField);
    $('#appendBefore').before($node);
    count = count+1;
  }
};
$('input.ABC').one('click', createNewField);
});

如何在特定元素之后动态生成元素

3 个答案: