即使在页面改变属性值

这是在项目中遇到一个下拉框可以选择，但是也有其他内容可以输入，所以我想到当选择“其他”选项时切换成输入框，选择框自动隐藏，双击输入框再返回选择：

//通过document.getElementById('in-ot-type')的方式可以改变input、select等的属性值(name。style等)，可以即时改变页面信息，不用传后台
function Change_type(){
        var select = document.getElementById('in-ot-type').value;
        var _s = document.getElementById('in-ot-type');
        var _t = document.getElementById('in-t-2');
        if(select=='其他'){
            _s.style.display = 'none';
            _s.name='';
            _t.style.display = '';
            _t.name='userInfo.userType';
            _t.value = '请输入(双击返回选择)';
        }
    }
//双击返回选择
    function resele_type() {
        var _s = document.getElementById('in-ot-type');
        var _t = document.getElementById('in-t-11');
        _s.style.display = '';
        _s.value = '${userInfo_u.userType}';
        _s.name = 'userInfo_u.userType';
        _t.style.display = 'none';
        _t.value = '请输入（双击返回选择）';
        _t.name = '';
    }
<input type="text" name="" class="form-control" id="in-t-11"
value="请输入(双击返回选择)" ondblclick="resele_type()" onfocus="javascript:if(this.value=='请输入(双击返回选择)')this.value=''" style="display:none;height: 34px;width: 217px"> 
<select id="in-ot-type" name="userInfo.userType" class="selectpicker" data-hide-disabled="true"  onchange="Change_type()" data-live-search="true" style="height: 34px;width: 217px">
    <option value="">请选择</option>
    <option value="校长">校长</option>
    <option value="老师">老师</option>
    <option value="学生">学生</option>
    <option  value="其他">其他</option>
</select>