如何根據選定的值動態添加和刪除表單元素到現有表單

Question

我正在構建搜索表單，並且不希望將未使用的輸入包含在我的GET方法中。只有在選擇框中選擇了某些內容時才顯示輸入[字段]的最佳方式是什麼？它們可以在DOM中隱形嗎？

Answer 1

完全基於假設：

if ($('#something').val() == 1) { 
    // Show input 
    $('#input_1').show(); 
} else { 
    // Hide input 
    $('#input_1').hide(); 

    // Remove if don't want to include in POST 
    $('#input_1').remove(); 
} 

編輯

var input_1 = '<input id="#input_1"/>'; 

if ($('#something').val() == 1) { 
    // add input 
    $('#addHere').append(input_1); 
} else { 
    // Remove input 
    $('#input_1').remove(); 
}