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

时间:2014-03-14 14:06:39

标签: jquery html

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

                    });
                });

非常感谢。

0 个答案:

没有答案