web 选择指定下拉框选项，弹出输入框

选择下拉框某项后，自动弹出某输入框，选择其他项，输入框则消失

<div>
    <select name="workModeCode"  id="workModeCode" >

        <option value="">请选择</option>


        <option value="1">
        <option value="2">
        <option value="3">



        </option>

    </select>
</div>

<div id="abnormal">
<label>输入框</label>
<div>
<input type="textbox"   name="schedulerName" id="abnormalname" placeholder="请输入非常勤名称" />
</div>
</div>

//js
//注意jquery导包等
$(function() {

        var selectValue = $('select[name="workModeCode"]').val();
        if(selectValue == '2'){
            $('#abnormal').show();
        }else {
            $('#abnormal').hide();
        }

        $('select[name="workModeCode"]').change(function(){
            var v = $(this).val();
            if(v == '2'){
                $('#abnormal').show();
            }else {
                $('#abnormal').hide();
            }
        });


    })