允许用户添加自己的文本字段

时间:2015-08-20 10:56:11

标签: jquery html jquery-ui textbox frontend

我想知道无论如何我可以在我的项目中包含一个按钮,允许用户添加额外的文本字段供他们输入。

我有一个部分,必须允许用户键入四个选项。但是,如果需要更多选项,他们应该能够添加更多文本框以允许此操作。

2 个答案:

答案 0 :(得分:0)

这会在表单中添加一个输入元素

$("#form-id").append($("<input>", {name:"element-name", value:"Preset value"}))

这意味着&#34;使用id&#39; form-id&#39;抓取元素。并附加一个input-element,其名称和值为this和that&#34;。此操作应该通过单击您的按钮来执行,方法是直接运行&#34; onclick&#34;或将其包装在函数调用中

答案 1 :(得分:0)

<强>已更新

你的意思是这样的?

HTML

<div>Add Text box</div>

JQUERY

$("div").click(function () {
    if (!$("input").length) {
        $("div").after("<input><br>");
    }
});

我创建了一个元素,当你点击它时会添加一个输入

https://jsfiddle.net/kLe5kLc3/2/