`
Spring_g
  • 浏览: 64201 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS对多值表单组件[复选框],下拉框,单选框的数据回显

阅读更多
直接上代码:

<script type="text/javascript">
         <!--获取先前设置好的兴趣爱好值,并添加到修改页面 -->
           var arr = document.getElementsByName("hobby");
           <%String[] hobbys = stu.getHobby();
                if(hobbys!=null){
                	 for(String s:hobbys){%>
                     	 for(var i=0;i<arr.length;i++){
                	      		if('<%=s%>'==arr[i].value){      		
  		        	         	    arr[i].checked = 'checked';
  		        				}
                         }  											                	  
                  <%
                    }
                 }
             
             %>
             
            var sexs = document.getElementsByName("sex"); 
            <%	String sex = stu.getSex();%> 
            for(var i=0;i<sexs.length;i++){
                	      	if('<%=sex%>'==sexs[i].value){      		
  		        	             sexs[i].checked = 'checked';
  		        		  }
                     } 
                     
            var politics = document.getElementsByTagName("option");         
            <%String pt=stu.getPolitics();%>
             for(var i=0;i<politics.length;i++){
                	      	if('<%=pt%>'==politics[i].value){      		
  		        	             politics[i].selected = 'selected';
  		        		  }
                     }          
             
    </script>
分享到:
评论

相关推荐

    带复选框的下拉框

    总的来说,"带复选框的下拉框"是一个在Ext JS框架中实现的自定义组件,它提供了在下拉列表中选择多个选项的能力。通过解决不同版本的兼容性问题,这个组件可以在3.2至3.4版本的Ext JS中稳定工作。对于需要多选功能的...

    文本框 单选框 复选框 下拉框

    在IT界,尤其是在网页设计和开发领域,"文本框、单选框、复选框和下拉框"是构建用户界面(UI)时不可或缺的基本元素。这些组件是用户与应用程序或网站交互的主要方式,用于输入数据、做出选择或执行特定操作。让我们...

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

    ### 复选框和下拉列表的提交与回显实现方式 #### 一、复选框的Ajax回显(list页面) 在Web开发中,为了提高用户体验,常常需要使用...以上是关于复选框和下拉列表的提交及回显的一些实现方式,希望对大家有所帮助。

    单选框、复选框、下拉框的使用及跨页面传值

    在Android应用开发中,用户界面的设计至关重要,其中单选框(RadioButtons)、复选框(CheckBoxes)和下拉框(Spinner)是常见的交互元素,它们用于收集用户的选择信息或控制用户界面的状态。本教程将深入讲解这三种...

    QT 下拉框与复选框组合使用

    3. **复选框的多选**:若需实现下拉框中的多个选项可同时选中,可以使用QListWidget或QTreeView,它们支持多选并有类似复选框的功能。 通过以上介绍,你应该已经了解了如何在QT中组合使用下拉框和复选框。这不仅...

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

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

    QTableView添加复选框,下拉框控件

    在特定的开发场景中,我们可能需要增强QTableView的功能,例如为表格中的每一行添加复选框或者下拉框控件,以提供更多的交互方式。这个过程涉及到Qt的自定义 delegate(委托)机制以及信号与槽的连接。 首先,我们...

    jquery 复选框组件

    **jQuery 复选框组件详解** 在Web开发中,复选框(Checkbox)是一种常见的用户交互元素,用于让用户从多个选项中选择一个或多个。jQuery,作为一款强大的JavaScript库,提供了丰富的插件和方法来增强复选框的功能和...

    jquery 绑定单选框、复选框、下拉框

    本篇文章将详细讲解如何使用jQuery来绑定单选框(radio buttons)、复选框(checkboxes)和下拉框(dropdowns),以便在网页中实现动态交互和数据验证。 首先,让我们了解这三种元素的基本概念: 1. **单选框...

    QTableView/QTableWidget自定义表头,添加复选框,下拉框控件

    在一些复杂的用户界面设计中,我们可能需要对表头进行自定义,例如添加复选框或下拉框,以提供更丰富的交互功能。在本篇中,我们将深入探讨如何在`QTableView`或`QTableWidget`的表头中实现这些自定义功能,尤其关注...

    在表格中实现复选框下拉框

    本实例在QT5.12上运行通过,用最简单的方法在tableview中实现了复选框和下拉框,同时还提供了读取文本数据的方法以及在读取中遇到乱码的两种解决方案。 对于初学tableview或者实现简单界面的同学是有用处的,如果...

    Uniapp 表单组件 多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本

    多层选择 开关 评分 滑块 步进器 日期框 级联选择 下拉列表 复选框 单选框 多行文本 单行文本 textarea radio checkbox picker stepper input ,引用组件或者复制粘贴使用,提高工作效率。

    extjs 复选下拉框的例子

    通过对数据源的配置、样式的设计以及自定义类的使用,开发者可以轻松地创建出功能强大且外观美观的复选下拉框控件。掌握这一技巧对于提升Web应用程序的用户体验至关重要。 总之,ExtJS的复选下拉框不仅是一个简单的...

    jsp/html 实现下拉复选框

    总之,"jsp/html 实现下拉复选框"是一个基础但实用的前端功能,通过合理的HTML结构、CSS样式和JavaScript脚本,我们可以创建出既美观又易用的下拉复选框组件,满足用户在网页上的多选项选择需求。在实际应用中,还...

    vue.js实现单选框、复选框和下拉框示例

    在处理表单元素如单选框、复选框和下拉框时,Vue.js也提供了简洁高效的方法,尤其是通过其数据双向绑定的能力。在本篇中,我们将深入探讨如何使用Vue.js来实现这些常见的表单控件。 ### 单选框(Radio Buttons) 在...

    html多选下拉框 ,CheckBox的Select组件 可多选的下拉框

    这种组件常被称为“CheckBox的Select”组件,它提供了比标准单选`&lt;select&gt;`更灵活的选择体验。 1. **基本HTML结构** 多选下拉框的基本结构通常包括一个隐藏的`&lt;select&gt;`元素和一组可见的`&lt;label&gt;`与`...

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

    数据回显的核心逻辑涉及到了JavaScript代码对数据的处理。具体包括: - 使用Ajax技术向服务器请求数据。 - 接收服务器响应的数据,并对其进行处理。 - 将处理后的数据填充到下拉列表中。 - 对下拉列表进行重新渲染...

    WinForm带复选框的下拉表

    综上所述,"WinForm带复选框的下拉表"是一个涉及自定义控件设计、数据绑定、事件处理、用户交互和多线程考虑等多个方面的技术问题。通过理解和掌握这些知识点,你可以创建出具有高级功能且用户体验良好的Windows ...

    QT组合框定制下拉列表为复选框的实现方法

    我们需要覆盖这个方法,使得在弹出下拉列表时,列表中的每个项目都带有复选框,并且这些复选框的状态与模型中的状态同步。 5. **处理用户交互**: 当用户在下拉列表中点击一个复选框时,我们需要捕获这个事件,并...

    Qt 源代码 - 07_单选框、复选框及实例

    本教程将深入讲解Qt中的单选框与复选框的使用,并通过实例演示如何在实际项目中集成这些组件。 首先,单选按钮(QRadioButton)用于在一组互斥选项中进行选择。当用户点击一个单选按钮时,其他同组的单选按钮会被...

Global site tag (gtag.js) - Google Analytics