Добавление текстовых полей или других способов

Question

Im в настоящее время делает приложение поиска рецептов. Я включаю функцию, в которой пользователи могут сузить свой поиск, добавив, какие рецепты должны содержать определенные ингредиенты, которые я могу или не могу иметь.

Я видел много примеров в Интернете, лучше всего один ив видел до сих пор используется по supercook.com

хотя это требует Jquery (без сомнения) я до сих пор знаю, JQuery так Textboxes было бы хорошо, но проблема заключается в том, что у пользователей разное количество ингредиентов, я добавлю по умолчанию 5 текстовых полей, если у пользователя 7, он должен просто щелкнуть функцию добавления, в которой он автоматически добавит еще 2 текстовых поля. Это может потребовать jQuery, но я не хочу его изучать, хотя ... Мне нужны предложения и помощь в том, что это самый простой/лучший способ сделать это.

Answer 1

см. Ниже код, который будет добавлять текстовые поля. Если вам это нужно только тогда, это может вам помочь.

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> 

пожалуйста, дайте мне знать, если вам нужна дополнительная помощь.