-2

我目前正在制作一个食谱搜索应用程序。我包括一个功能，用户可以通过添加哪些食谱应该包含我可能有或可能没有的某些成分来缩小搜索范围。

我在网上看过很多例子，到目前为止我见过的最好的例子是 supercook.com 使用的

虽然这需要 jquery（毫无疑问）我还不知道 jquery 所以文本框会很好，但问题是用户有不同数量的成分，我将添加默认的 5 个文本框，如果用户有 7 个，他/她应该只是单击添加功能，其中将自动添加另外 2 个文本框。这可能需要也可能不需要 jquery，但我很想学习它……我需要建议和帮助，了解最简单/最好的方法。

4

1 回答 1

0

请参阅以下将添加文本框的代码。如果您只需要它，那么它可能会对您有所帮助。

html代码

<form method="post" action="">
    <div id="addTextBox">
        <input type="text" name="text1" id="text1" /><br />
    </div>
    <input type="hidden" value="1" name="hidText" id="hidText" />
</form>
<a href="javascript:void(0);" style="text-decoration: none;" id="add_more_txtbox">Add More</a>

javascript代码

<script type="text/javascript"    src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
    $("#add_more_txtbox").click(function(){
        var hidden_value=parseInt($("#hidText").val())+1;
        $("#hidText").val(hidden_value);
        var add_str='<input type="text" name="text'+hidden_value+'" id="text'+hidden_value+'" /><br />';
        $("#addTextBox").append(add_str);
    });
});
</script>

如果您需要任何进一步的帮助，请告诉我。

于 2013-09-19T09:12:57.790 回答