js jsp 动态生成select

最新推荐文章于 2019-12-24 10:59:53 发布

iteye_13722

最新推荐文章于 2019-12-24 10:59:53 发布

阅读量500

点赞数

分类专栏： web前端文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/iteye_13722/article/details/82433384

版权

web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏


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>