使用javascript在单击上一个文本字段时动态生成文本字段

时间:2013-08-22 18:20:33

标签: javascript jquery html textfield

我正在尝试通过单击以前的文本字段来生成文本字段

HTML

<input type="text" name="text1" class="XYZ"/><input type="button" value="button"/>

的javascript

$(function () {
    count=2;
    var createNewField = function () {
        var $node = $('<input type="radio" name="choices" name="o" id="o" /><div class="ABC"><input class="XYZ" type="text" name="op" id="op"/></div>');

        $node.one('click', createNewField);
        $(this).after($node);
    };

    $('input.XYZ').one('click', createNewField);
});

这个脚本运行正常。问题是

我想在点击上一个文本字段时生成一个文本字段,但是在这个新文本字段中,即使单击单选按钮也会生成。

其次,我如何调整生成的文本字段的位置。例如。我希望新的文本字段位于按钮之后。但是这个脚本会在按钮之前生成文本字段。

希望你能理解这个问题。 提前谢谢。

1 个答案:

答案 0 :(得分:0)

您似乎只需要input.XYZ上的处理程序,但是您要将其添加到$node中的所有内容中。

而不是

$node.one( ...

这样做

$node.find("input.XYZ").one( ...