如何為表單創建可變數量的輸入？

Question

我有一個數據庫，用於存儲需要定期更新的各種項目的參考信息（例如，項目 A 可能有“完成天數”和“成本”字段，而項目 B 可能有“位置”、“承包商”和“年齡”）。 我正在構建一個 Web 應用程序，需要在單擊時為每個可能的項目類型創建一個輸入表單。 我有一個按鈕，顯示不同項目的下拉菜單，但我不知道如何創建可變長度的輸入表單。 這應該都發生在同一個網頁上。 想法？

示例：單擊項目 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">')
}
});