关于有时select下拉表单selected设置无效的解决方案
来源:互联网 发布:阿里云域名查询 编辑:程序博客网 时间:2024/04/30 12:06
<select class="form-control" name="user_level" <strong><span style="color:#ff0000;">autocomplete="off"</span></strong>> <option value="">--请选择--</option> <if condition="$user_info['user_level'] eq '0'"> <option value="0" selected="selected">普通</option> <else /> <option value="0">普通</option> </if> <if condition="$user_info['user_level'] eq '1'"> <option value="1" selected="selected">会员</option> <else /> <option value="1">会员</option> </if> <if condition="$user_info['user_level'] eq '2'"> <option value="2" selected="selected">贵宾</option> <else /> <option value="2">贵宾</option> </if> </select>
以上只是本人的一个案例(thinkphp模板引擎)
如果你懒的看上面的不要紧,下面我直接说吧
正常情况下我们都是这么写的
<select name="自定义名称"><option value="1">1</option><option value="2" selected="selected"> 2</option><option value="3">3</option></select>
<select name="自定义名称" autocomplete="off"</span>><option value="1">1</option><option value="2" selected="selected"> 2</option><option value="3">3</option></select>
加了autocomplete="off"后就任何问题都解决了
这个问题估计你在其它地方也会看到类似的解决方案,但是并没有给出为什么?
原因:是因为“例如火狐”为了提高浏览器性能,使用了缓存技术,就比如你的输入框双击后会出现之前的输入的内容一个道理,解决方法就是加autocomplete="off"或者手动清除浏览器缓存,两种方法肯定推荐用前者
火狐官方论坛解释:http://stackoverflow.com/questions/6849057/firefox-5-not-using-select-selected-value-on-page-refresh-retaining-old-value
火狐5版本就有这个问题,4没发现,不排除其它浏览器也作了类似的处理,所以为了保险起见,最好都加上autocomplete="off"
纯属个人亲身经历,如果能帮到你,欢迎给个赞,若有不妥之处请指出!
1 1
- 关于有时select下拉表单selected设置无效的解决方案
- HTML中select的option设置selected="selected"无效的解决方案
- 动态给option设置selected后,select下拉框显示不正确,selected=“selected”的option
- select下拉框内容回显 并将对应的option设置为selected选中状态
- select动态添加option与动态设置下拉框默认选项(selected)的问题(原创)
- 关于html页面调式select下拉框的时候,被选中的没有加入selected属性
- AngularJS 动态设置select的默认selected
- 【原】解决 ie6下select 控件的selected属性无效
- 关于用js和attr("selected",true);给select设置选中的值失效问题
- 解决Android 中设置Clickable 有时无效的方法
- jquery 关于selected的设置备注
- 没有设置selected 获取下拉框的text
- jQuery select 无法设置selected属性。未指明的错误
- jQuery select 无法设置selected属性。未指明的错误
- AngularJS中设置select的默认selected option
- 一个程序猿成长记:设置select的selected属性
- 关于Ajax下拉菜单中出现“回发或回调参数无效”的解决方案
- html:表单有select的都是下拉表单
- Linux之------进程间通信
- SpringMVC从入门到精通第七章【转】
- 各类型初始化
- C#多线程学习总结
- Plugin is too old 插件版本太低
- 关于有时select下拉表单selected设置无效的解决方案
- 程序员的自我修养 读书笔记 chp1
- css3-rem相对长度单位特点
- HTTP如何理解无状态协议
- 解决商品订单增加,以及以后的清空功能
- JDK的安装与配置
- Canvas学习
- 重启http服务
- synchronized(this)与synchronized(class)