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

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