如何根据选定的值动态添加和删除表单元素到现有表单

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();
}