jQuery Form to Wizard，隐藏了一定的步骤

Question

我有这个表单，我想在触发onchange事件时隐藏其中一个字段集。我在第一个字段集中有一个选择标记。当我从下拉列表中选择fieldset 2时，必须删除第二个字段集。

<form id="form1">
    <fieldset class="sectionwrap">
        <select id="hide">
            <option value="1">fieldset 2</option>
            <option value="2">fieldset 3</option>
        </select>
    </fieldset>

    <fieldset id ="second" class="sectionwrap">content</fieldset>

    <fieldset id="third" class="sectionwrap">content</fieldset>
</form> 

我有这个Jquery脚本。但不删除表单向导顶部的步骤编号，只删除了内容。

<script type="text/javascript">
    $('#hide').on('change', function() {
        var hid = $('#hide').val();
        if (hid == "1") {
            $('#form1').css("display", "none");
        }
    });
</script>

提前致谢。

Answer 1

这里你必须使用字段集的id。比如#third或#second而不是＃form1

<script type="text/javascript">
    $('#hide').on('change', function() {
        var hid = $('#hide').val();
        if (hid == "1") {
            $('#second').css("display", "none");//Change id of this statement.
        }
    });
</script>

Answer 2

使用hide（）函数

  $('#hide').on('change', function() {
    var hid = $('#hide').val();
    if (hid == "1") {
        $('#second').hide();//Change id of this statement.
        $('#hide option[value="'+hid+'"]').hide();
    }
});

jsfiddle：https://jsfiddle.net/z8mwe5dz/2/