0

例如，我有一个表格，允许人们输入他们所有的兄弟姐妹。这可能是 0 或 100（取决于他们的父母有多“忙”）。我该怎么做才能让输入字段自动增长？我现在有一个表单，用户单击“添加更多兄弟姐妹”并添加了一个输入字段，但该按钮让我很烦，所以我试图想办法让一个新的空白字段在它们开始绑定后立即出现. 因此，只要您输入您的兄弟姐妹姓名，下方就会出现一个新字段，因此当您完成该兄弟姐妹信息后，您可以继续下一个（当您在该字段上键入时，下方会出现一个新输入）。

此外，如果它有帮助，我的长期目标是还对正在输入的项目提供一些“分析”，以便当他们输入兄弟姐妹信息时，它将显示平均年龄，验证没有兄弟姐妹比父母大（并警告可能的错误）等，然后再发送到服务器。

我对 Web 开发非常陌生，并且一直在学习 jquery，但我不确定 jquery 是否可以做我想做的事情，并且想知道是否有人可以告诉我我需要学习什么技术来实现这一点（我认为 ajax但如果可能的话，找不到太多东西）。我当前（新手）的方法是拥有 50 个字段并将它们全部隐藏，当用户单击“添加更多兄弟姐妹”时，它只会取消隐藏下一个字段。有没有更好的方法来做到这一点，或者如果我目前的方法很好，有没有办法修改它以消除对“添加更多兄弟姐妹”按钮的需要？一个例子会很棒，但实际上我只想对我需要做什么进行高级解释，这样我就知道要寻找什么（并自己学习）。

4

3 回答 3

2

我不难。观察输入中的键事件，当当前输入是最后一个输入时，添加一个新输入（例如使用$.after()）

演示：http: //jsfiddle.net/doktormolle/WaL84/

于 2012-07-12T17:56:12.670 回答
1

应该可以用jQuery来做。我建议在jsfiddle中进行试验 并提供一个可行的示例。或者一些可能有助于更好地理解你想要达到的目标的东西。

我在这里开始了一些事情http://jsfiddle.net/krishollenbeck/jyQTN/

让我知道这是否是您所指的。或者，如果我完全离开了。

<input type="text" class="input"/>​


$('.input').focus(function(){
    $('<input type="text" />').insertAfter('.input')
});​

我相信您正在寻找的内容更详尽。但这是你想要达到的最基本的形式吗？

于 2012-07-12T17:55:01.663 回答
1

我创建了一个非常基本的小提琴。它没有样式，但它达到了我认为的预期结果。

小提琴 - http://jsfiddle.net/ZqQ7Y/4/

于 2012-07-12T18:06:56.567 回答