Как создать переменное число входов для формы?

Question

У меня есть база данных, в которой хранится справочная информация для различных проектов, которые необходимо периодически обновлять (например, проект A может иметь поля «День завершен» и «Стоимость», в то время как проект B может иметь поля «Местоположение», «Подрядчик»). "и" Возраст "). Я создаю веб-приложение, которое должно создать форму ввода для каждого возможного типа проекта при нажатии. У меня есть кнопка, которая отображает раскрывающееся меню для различных проектов, но я не знаю, как создать форму ввода переменной длины. Все это должно происходить на одной и той же веб-странице. Мысли?

Пример. При щелчке по проекту A появится форма, отображающая параметры ввода для «День завершен» и «Стоимость», но при щелчке по проекту B появится форма «Местонахождение», «Подрядчик» , "и" Возраст. "

Answer 1

I would do it with jquery as follows:    
$("#drop-down-id").change(function(){
$("#form-id").empty()
if($("#drop-down-id").val()=="Project a"){
   $("#form-id").append('<input type="date" name="day-completed">')
   $("#form-id").append('<input type="number" name="cost">')
   $("#form-id").append('<input type="submit" value="submit">')
}
if($("#drop-down-id").val()=="Project b"){
   $("#form-id").append('<input type="text" name="location">')
   $("#form-id").append('<input type="text" name="contractor">')
   $("#form-id").append('<input type="number" name="Age">')
   $("#form-id").append('<input type="submit" value="submit">')
}
});