Jquery 根据选择类型选择输入框或选择选项框

我有一个选择选项来选择一个特定的类型0或1，还有一个输入框和另一个选择框

当用户选择0时，只需显示输入框；当用户选择1时，必须显示选择框

重要提示：同样，在提交表单时，只需提交显示的框。在我的例子中，显示和隐藏的值都被提交。下面是我的代码

HTML
<form method="POST" action="test.php">

        <lable> Select Type </label>
            <select id="type" name="type">
                <option value=""></option>
                <option value="0">0</option>
                <option value="1">1</option>
            </select><br>

            <input type="text" name="name" id="name">

            <select name="select" id="select"> 
                <option value="volvo">Volvo</option>
                <option value="saab">Saab</option>
            </select>

            <input type="submit" value="submit" name="submit">

            </form>

Jquery:
$(function() {
                    $("#name").show();
                    $("#select").hide();

                    $('#type').change(function() {

                        if ($(this).val() === "0") {
                            $("#name").show();
                            $("#select").hide();
                        }
                        else if ($(this).val() === "1") {
                            $("#select").show();
                            $("#name").hide();
                        }

                    });
                });

---

非常感谢。

隐藏元素不会阻止它被提交。我还有别的办法解决这个问题吗