选择输入框或基于选择类型选择选项框

Question

我有一个选择选项来选择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();
                        }

                    });
                });

非常感谢。