即使在页面改变属性值
2016-06-02 15:06
447 查看
这是在项目中遇到一个下拉框可以选择,但是也有其他内容可以输入,所以我想到当选择“其他”选项时切换成输入框,选择框自动隐藏,双击输入框再返回选择:
//通过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>
相关文章推荐
- Mootools 1.2教程 函数
- autoit InputBox 函数
- 文件遍历排序函数
- 关于C#中排序函数的总结
- Oracle 函数大全[字符串函数,数学函数,日期函数]第1/4页
- ASP下经常用的字符串等函数参考资料
- PostgreSQL教程(五):函数和操作符详解(1)
- DOS批处理 函数定义与用法
- asp Chr 函数 数字转字母的方法
- Lua中的函数精讲笔记
- Lua中的闭合函数、非全局函数与函数的尾调用详解
- Lua中调用C++函数示例
- Lua实现split函数
- Lua常用时间函数使用实例
- Lua编程示例(一):select、debug、可变参数、table操作、error
- Lua函数与字符串处理简明总结
- Lua学习笔记之表和函数
- Lua中实现sleep函数功能的4种方法
- Lua函数用法研究
- Lua基础教程之赋值语句、表达式、流程控制、函数学习笔记