Question

我的表单需要3到10个文本输入项。首次加载表单时，它将显示3个输入（最小值）。

我想有效地显示输入行，因为前一行具有有效值（例如，假设大于3个字符）。因此，如果您填写前3个，您将自动看到第4个可选输入行。

你能帮我在jQuery中高效地浏览这个快速列表吗？

HTML：

<input type="text" class="item_1" name="item_1">
<input type="text" class="item_2" name="item_2">
<input type="text" class="item_3" name="item_3">
<input type="text" class="item_4" name="item_4">
<input type="text" class="item_5" name="item_5">
<input type="text" class="item_6" name="item_6">
<input type="text" class="item_7" name="item_7">
<input type="text" class="item_8" name="item_8">
<input type="text" class="item_9" name="item_9">
<input type="text" class="item_10" name="item_10">

CSS：

.item_4,.item_5,.item_6,.item_7,.item_8,.item_9,.item_10 { display:none }

Answer 1

这非常简单 - 如果让jQuery的链接完成工作，你甚至不需要循环。我做了类似的事情：

$("#myform input").change(function(){ //If an input in your form is changed,
    if ($(this).val() == 42){ //replace with your validation logic :)
         $(this).next('input').show(); //This shows the next sibling element to the triggering element
    } else { //but if it fails validation...
         $(this).nextAll('input').hide().val(""); //hide them and delete the contents to stop the form from uploading invalidated data!
    }
});

这就是你所要求的，如果他们的前任后来被改为无效，它会隐藏并清空以后的奖励。

如果以前的输入具有有效值，我该如何显示输入字段？

1 个答案: