`
haizhiyan
  • 浏览: 12339 次
  • 性别: Icon_minigender_1
  • 来自: 广东
社区版块
存档分类
最新评论

返回页面下拉框数据回显时,id6和firefox失败,ie7、ie8成功

阅读更多
描述:表单选择数据后,提交,失败后返回,下拉框数据用ie7,8运行时可以正常回显,只留提交前的数据,ie6和firefox则无。

导致错误的因素:
因素1,浏览器在提交失败返回页面时进行回显操作,显示的是提交前的数据;
因素2,页面脚本,在登录页面时执行,对表单数据进行回显操作。当传入函数的值为空时把下拉框数据显示为默认值,即会把用户选择的数据清除掉。

出错原因:
在ie7和ie8中,脚本的回显先执行,浏览器的回显后执行,所以用户看到的是提交前的数据;
而在ie6和firefox中,是浏览器的回显先执行,而脚本的回显后执行,所以用户看到显示默认值,未回显用户提交前选择的数据。

解决方法:
在脚本中去掉“判断传入值为空时回显下拉框数据为默认值”,而在标签中设置下拉框的默认值,设一个option的标签checked为ture。
分享到:
评论

相关推荐

    Vue下拉框回显并默认选中随机问题

    Vue下拉框回显并默认选中随机问题通常指的是在使用Vue.js框架和ElementUI组件库开发前端页面时,遇到下拉框组件在数据回显时出现选择状态随机的问题。这一问题可能会导致用户体验下降,因为下拉框中的选项在多次刷新...

    解决element ui select下拉框不回显数据问题的解决

    解决Element UI的`el-select`下拉框不回显数据的问题,关键在于检查数据类型、数据结构以及数据加载的时机。通过调试和比对,找出问题的根源,针对性地进行修复。在实际开发中,保持良好的编程习惯,如正确处理数据...

    解决layui 三级联动下拉框更新时回显的问题

    最近接触layui,比较简洁美观的一款ui,但也有很多小坑,记录一下实现省市区下拉三级联动更新回显的问题 <%--监听省份选择 --%> form.on('select(uprovinceId)', function(data){ initCityList('change')...

    下拉列表赋值和回显.txt

    所谓赋值是从数据库中获取数据循环遍历赋值给前端下拉列表选项,所谓回显是从选中或勾选父页面中的某行数据,回显到子页面中对应的下拉列表,且处于被选中状态。两个功能均已给出(给出的是前端代码,后端接口很简单...

    基于layui的下拉列表的数据回显方法

    通过静态页面的JavaScript代码直接操作DOM元素来实现数据回显,而动态网页则结合后端传递的数据和layui的监听事件机制,实现级联下拉列表的数据回显。理解这些知识点对于提升Web前端开发的用户体验具有重要意义。

    select2控件回显方法

    JavaScript 技术: select2控件选择多个数据,以及回显数据的方法 。

    SSH2 三级联下拉框

    Spring的事务管理也是必不可少的,尤其是在处理多级关联数据时,确保数据的一致性和完整性。 Hibernate作为ORM框架,负责数据库操作。在三级联动下拉框的实现中,Hibernate可以方便地映射数据库表,并提供查询、...

    jquery实现下拉框多选(支持IE7)

    本篇文章将深入探讨如何使用jQuery和EasyUI框架来实现一个支持多选功能的下拉框,特别关注对IE7及360浏览器的兼容性。 首先,我们需要了解jQuery的核心概念。jQuery通过简洁的API提供了对JavaScript对象的封装,...

    级联下拉框(支持火狐和IE)

    6. **兼容性考虑**:由于这个示例特别提到了火狐和IE的支持,这意味着开发者可能已经解决了两者之间的兼容性问题。例如,IE对某些CSS属性和JavaScript特性支持较差,可能需要使用特定的库或技巧来确保在所有浏览器中...

    基于jquery带搜索功能的下拉框,兼容IE5/6/7/8/9/10

    同时,对于IE5和IE6,由于其对CSS和DOM支持的局限,可能需要更复杂的技巧来确保样式和交互的正常工作。 在实现过程中,开发者可能需要使用jQuery的`.each()`方法遍历选项,`.filter()`方法进行过滤,以及`.show()`...

    基于c#语言开发的下拉框多选功能

    在C#编程中,下拉框(DropdownList或ComboBox)多选功能的实现是一个常见的需求,特别是在构建用户界面时,用户可能需要从一系列选项中选择多个项目。在本篇文章中,我们将深入探讨如何利用C#语言来实现这个功能。 ...

    extjs4 ComboBox 点击下拉框 出现grid效果

    然而,根据你的标题和描述,你似乎遇到了一个特别的需求,即当你点击ComboBox的下拉框时,希望出现一个Grid组件,而不是默认的下拉列表。 ComboBox的默认行为是弹出一个包含选项的列表,而你想要实现的是当用户点击...

    复选框和下拉列表的提交和回显的实现方式

    ### 复选框和下拉列表的提交与回显实现方式 #### 一、复选框的Ajax回显(list页面) 在Web开发中,为了提高用户体验,常常需要使用Ajax来实现实时更新数据的功能。这里以“书籍列表”为例,介绍如何利用Ajax技术...

    AJAX 动态下拉框

    这个功能通常应用于表单输入,尤其是当用户在输入框中选择或输入时,后台会实时地根据用户的选择或输入内容返回相关的建议数据,提升用户体验。 1. **基本原理** AJAX的基本原理是通过JavaScript创建...

    省市级三级联动js脚本,数据回显整合代码

    在网页开发中,省市级三级联动是一种常见的交互功能,它用于在用户选择省份时自动更新城市选项,选择城市...同时,为了优化用户体验,还可以添加一些额外的功能,比如初始加载时显示提示信息,无数据时显示默认选项等。

    extjs 复选下拉框的例子

    在提供的代码片段中,首先定义了一个数据数组`data`,包含了多个对象,每个对象都有一个`id`和`name`属性。这将作为下拉框的数据源。 接下来,创建了一个`JsonStore`实例`testStore`,并指定了字段`'id'`和`'name'`...

    可以输入的下拉框 下拉框和文本框组合共用

    下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框. 下拉框和文本框组合共用可以输入的下拉框....

    layui下拉框二级数据联动 fzzx.zip

    7. **优化体验**:为了提升用户体验,可以在用户选择一级下拉框时禁用二级下拉框,待城市数据加载完成后再启用,避免用户在等待期间进行无效操作。 通过这个案例,开发者可以学习到如何结合layui的`form`模块和...

Global site tag (gtag.js) - Google Analytics