js改变下拉框 提示不同信息

js代码部分
$('#phone_type').change(function(){
        var phone_type = $("#phone_type option:selected").val();
        if(phone_type =='1'){
            $('#fixed').css('display','none');
            $('#like').css('display','block');
        }else{
            $('#fixed').css('display','block');
            $('#like').css('display','none');
        }
    });

HTML部分
<select class="form-control" name="phone_type" id="phone_type">
                <option value="1" selected>测试1</option>
                <option value="2">测试2</option>
</select>


<span  id='fixed' style="display: block; width: 220px;color: #008000">展示1的测试</span>
<span id='like' style="display: none;width: 220px;color: #008000">展示2的测试</span>