`

js jsp 动态生成select

 
阅读更多
js生成

<script language="javascript" type="text/javascript">  
		function AddRow()
		{
			 //添加一行
			 var i =tab.rows.length;
			 var newTr = tab.insertRow(i);
			 newTr.className = 'admin-content';
			 //添加列
			 var newTd0 = newTr.insertCell();
			 var newTd1 = newTr.insertCell();
			 var newTd2 = newTr.insertCell();
			 var newTd3 = newTr.insertCell();
			 var newTd4 = newTr.insertCell();
			 var newTd5 = newTr.insertCell();
			 var newTd6 = newTr.insertCell();
			 var newTd7 = newTr.insertCell();
			 //设置列内容和属性
			 newTd7.innerHTML = '<td style="text-align:left;">'+i+
			 						'<input type="hidden" name="id" value="'+i+'"/>'+
			 						'<input type="hidden" name="action" value="add"/>'+
			 					'</td>';
			 newTd6.innerHTML = '<td style="text-align:left;">'+
          							genSwitchSelect()+
          					    '</td>';
			 newTd5.innerHTML = '<td style="text-align:left;">'+
			 						genInstallSelect()+
				            	'</td>';
			 newTd4.innerHTML = '<td style="text-align:left;">'+
			 						'<input type="text" class="input" name="app_name"'+ 
				            			'maxlength="15" size="15"/>'+
				            	'</td>';
			 newTd3.innerHTML = '<td style="text-align:left;">'+
			 						'<input type="text" class="input" name="app_id"'+ 
				            			'maxlength="35" size="35"/>'+
				            	'</td>';
	         newTd2.innerHTML = '<td style="text-align:left;">'+
			 						'<input type="text" class="input" name="package_name"'+
				            			'maxlength="18" size="18"/>'+
				            	'</td>';
           	 newTd1.innerHTML = '<td style="text-align:left;">'+
			 						'<input type="text" class="input" name="act"'+ 
										'maxlength="35" size="35"/>'+
				            	'</td>';
           	 newTd0.innerHTML = '<td style="text-align:left;">'+
			 						'<input type="submit" value="保存" name="Submit"/>'+
				            	'</td>';
           	 document.getElementById('cancel').style.display='';
		}
		
		function genSwitchSelect(){
			var html = '<select name="switch_ram_range">';
			for(var j=10; j<=100; j+=10){
				html+='<option value="'+j+'%">'+j+'%</option>';
			}
			html+='</select>';
			return html;
		}
		
		function genInstallSelect(){
			var html = '<select name="install_ram_range">';
			for(var j=0; j<=10; j++){
				if(j==0){
					html+='<option value="随机">随机</option>';
				}else{
					html+='<option value="'+j+'">'+j+'</option>';
				}
			}
			html+='</select>';
			return html;
		}
	   	   
	</script>



jsp生成
<td style="text-align:left;">
				            	<select name="switch_ram_range">
				            	<%
				            		for(int j=10; j<=100; j+=10){
										if(aInfo.getSwitch_ram_range().equals(j+"%")){
											%><option value="<%=j%>%" selected = "selected"><%=j%>%</option>
										<%}else{%>
											<option value="<%=j%>%"><%=j%>%</option>
										<%}
									}
				            	%>
				            	</select>
				            </td>
分享到:
评论

相关推荐

    jsp动态生成目录树

    【标题】:“jsp动态生成目录树” 在网页开发中,目录树是一种常见的方式来展示层级结构的数据,例如网站的导航、文件系统或者组织架构等。在本主题中,我们将深入探讨如何利用JavaServer Pages (JSP) 技术,结合...

    JSP动态生成树DTREE

    **JSP动态生成树DTREE详解** 在Web开发中,数据可视化是不可或缺的一部分,而树形结构作为一种常见的数据展示方式,常用于展示层次关系或分类信息。本篇将深入讲解如何利用JavaServer Pages (JSP) 技术,结合DTREE...

    JSP+AJAX实现两级select联动 代码

    总结一下,这个"JSP+AJAX实现两级select联动"的项目展示了如何结合服务器端和客户端技术来创建动态、响应式的Web界面。这种联动效果可以应用于各种场景,比如地理选择、商品分类筛选等,极大地提升了用户的操作效率...

    JSP 动态数据菜单

    JSP动态数据菜单是指通过服务器端的JSP技术,根据数据库中的数据自动生成菜单栏,实现菜单项的实时更新和个性化展示。这种技术对于构建用户友好的Web应用程序至关重要,因为它可以根据用户权限、网站内容或业务需求...

    jsp中select的onchange事件用法实例.docx

    - JSP页面包含静态HTML标记以及动态生成的内容,这些动态内容通常通过Java代码片段来实现。 2. **onchange事件**: - `onchange`事件是在HTML元素的值发生改变时触发的事件。 - 在JSP中,我们可以通过JavaScript...

    jsp+select做的5个验证码。

    综上所述,这个"jsp+select做的5个验证码"项目是一个完整的Web安全解决方案,它利用了JSP的动态生成能力,HTML的用户界面,CSS的美化效果,以及JavaScript的交互处理,为Web应用提供了一种基于下拉选择的验证码验证...

    EL,jstl,js 对select元素

    2. **动态加载**:在页面加载后,用JavaScript根据服务器返回的数据动态生成或修改`&lt;select&gt;`选项。 3. **验证**:检查用户选择是否符合业务规则,如非空验证、范围验证等。 4. **AJAX交互**:使用Ajax异步更新`...

    JS中Select下拉列表类(支持输入模糊查询)功能

    JS中Select下拉列表类支持输入模糊查询功能的知识点主要包括以下几个方面: 1. HTML结构设计:实现输入模糊查询功能的下拉列表通常包含一个输入框和一个下拉框。输入框用于用户输入查询字符,下拉框则是提供选项供...

    动态更新下拉日期的JSP和HTML

    `date.jsp` 文件用于处理动态生成日期选项的过程。JSP是一种Java服务器页面,可以包含Java代码和静态HTML。我们可以使用JSP的脚本元素和EL表达式来获取当前系统日期,然后根据这个日期计算出月份和年份的选项。 ```...

    在jsp中如何用下拉菜单实现动态查询

    服务器端使用JSP脚本处理这些请求,并根据用户的选项动态生成SQL查询语句。 #### 二、详细分析 ##### 1. HTML表单设计 - **表单元素**:表单使用`&lt;form&gt;`标签定义,通过`method`属性指定为POST方式提交数据,没有...

    JSP Ajax省市县Select级联菜单.rar

    JSP(JavaServer Pages)是Java的一种服务器端脚本语言,用于生成动态网页。在JSP中,我们通常会结合HTML、CSS和JavaScript来构建用户界面,并利用Java代码处理业务逻辑和数据库操作。在这个案例中,JSP负责处理...

    jsp+select+javabean

    开发者可以在JSP页面中嵌入Java代码,使得网页可以根据用户请求动态生成内容。JSP经过编译后会转换为Servlet,由Servlet引擎执行。 2. Select元素: 在HTML中,`&lt;select&gt;`元素用于创建下拉列表,用户可以从预定义...

    在一个JSP页面里面根据条件动态的加载另一个jsp页面

    在这个场景中,我们讨论的是如何在一个JSP页面上根据特定条件动态地加载另一个JSP页面,这个新加载的页面通常会显示从数据库(例如Oracle)中检索到的数据。这通常涉及到前端技术如jQuery和Ajax,以及服务器端的处理...

    jsp中select的onchange事件用法实例

    本文通过实例详细探讨了JSP中select元素的onchange事件用法,涵盖了数据库数据展示、JavaScript事件处理以及下拉列表选项动态更新的相关技巧。这些技术对于动态Web页面开发尤为重要,能够提供更好的用户体验和交互...

    JSP+JavaScript打造二级级联下拉菜单

    ### JSP+JavaScript 实现二级级联下拉菜单的知识点解析 #### 一、概述 在Web开发领域,实现动态的交互式用户界面是提升用户体验的重要手段之一。本文档将详细解析如何通过JSP(JavaServer Pages)与JavaScript来...

    JSP 点名动态网页

    在提供的"点名"项目中,"dianming"可能包含了JSP文件、CSS样式表、JavaScript脚本和其他支持文件。学习者可以通过阅读和运行这些文件,了解实际的JSP点名程序是如何工作的。同时,可以尝试修改代码,添加更多功能,...

    jsp中动态添加树

    在JSP中实现动态添加树,我们可以利用JavaScript库,如jQuery和jsTree,或者直接使用Java的服务器端技术。这里我们以jsTree为例,因为它提供了丰富的API和良好的用户体验。 1. **引入jsTree库**:在JSP页面中,通过...

    JSP 与数据库联系 从数据可中把数据放到Jsp页面上以表格的形式显示

    在IT行业中,JSP(JavaServer Pages)是一种用于创建动态网页的技术,它允许开发者将Java代码嵌入到HTML页面中,以实现服务器端的数据处理和交互。本篇将深入讲解如何利用JSP与数据库进行连接,以及如何将数据库中的...

    JSP页面音乐

    2. **动态生成播放链接**:Servlet可以根据需要生成音频文件的URL,这个URL可以是相对路径或绝对路径,根据服务器配置而定。返回这个URL给JSP页面,JSP页面中的`&lt;audio&gt;`标签就可以播放这个URL指向的音频。 **四、...

    JSP自定义标签(一)_树形下拉选择菜单

    两个JavaScript文件`selector.js`和`treeCreator.js`被用于增强树形菜单的交互性和动态性。`selector.js`可能包含了处理用户事件的代码,如点击事件;而`treeCreator.js`则可能是负责构建和更新树形结构的脚本。 ##...

Global site tag (gtag.js) - Google Analytics