javascript - jQuery Form to Wizard，隐藏某个步骤

Question

我有这个表单，我想在触发 onchange 事件时隐藏其中一个字段集。我在第一个字段集中有一个选择标签。当我从下拉列表中选择字段集 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

使用 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/