javascript - 单击显示文本字段(输入)

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 8 年前。

Improve this question

首先我要告诉大家，我是网络行业的新人。现在我的问题是，我需要一个这样的文本字段:
<强> Click to see
当我现在填写此字段时，我想添加另一个名称，以便我单击此加号按钮(如图所示)，然后出现另一个字段，并且此加号按钮将从该位置隐藏，并与第二个字段一起出现，如下所示:
<强> Click to see
如果我想添加 30、50、60 个名称，过程将相同。
像这样:i.imgur.com/styvKvN.jpg

Answer 1

您可以使用 insertBefore() 执行类似的操作

1. 添加局部变量 i=1 以创建名称属性。
2. 使用将点击事件处理程序绑定(bind)到按钮click()
3. 使用 在按钮前插入输入字段 insertBefore()

   var i = 1;
   $('.button').click(function() {
     $('<br/><input name="name' + (++i) + '" type="text"/>').insertBefore(this);
   });

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
   <div>
     <input name="name1" type="text" /><button class="button">+</button>
   </div>