网站的多个搜索框

Question

我目前正在努力实现它的一组增量（我希望这是正确的词）搜索框。我正在尝试建立一个关于食谱的网站，我希望人们能够根据他们现有的成分搜索食谱，所以不要让10或15个搜索框混乱我想要的只有1个搜索框出现的搜索框一次。

我在想的是，如果你填写第一个搜索栏，第二个搜索栏会出现，等等。

我需要做什么？任何想法都是受欢迎的。

Answer 1

HTML：

<input id="1" class="search" type="text" style="display: inline">
<input id="2" class="search" type="text">
<input id="3" class="search" type="text">

CSS：

.search {
    display: none;
}

JQuery的：

$(document).ready(function() {
    $('.search').each(function() {
        var nextNum = 1 + (+$(this).attr('id'));
        $(this).click(function() {
            $('#' + nextNum).show();
        });
    });
});

---

请参阅fiddle。