jquery动态增加输入框

最新推荐文章于 2023-10-06 12:39:31 发布

houdonghui1987

最新推荐文章于 2023-10-06 12:39:31 发布

阅读量156

点赞数 1

分类专栏： jquery&js 文章标签： jQuery J# HTML ViewUI

本文链接：https://blog.csdn.net/houdonghui1987/article/details/83882438

版权

jquery&js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏


<script type="text/javascript">	
	function selectCount(){		
		var aa = $(".mm input").length;		
		if(aa!=0){
			var rss = "";
			for(var j=0;j<aa; j++){												
				rss += document.getElementById("names"+[j]).value +",";
				}
				//alert(rss);
				var ress = rss.split(",");			
				clearSelect();	
				var Str = "";	
				var count = 0;
				var num = $("#num").val();  //下拉中的数字																				
				for(var i=0; i<num; i++){
					var $input = document.createElement("input");															
					$input.type = 'text';
					$input.name = "names"+count;
					$input.id = "names"+count;	
					//$input.className = 'text';																									
					$("#ret").append("选项名称：").append($input).append("</br>");						
					for(var k=0;k<=ress.length; k++){																																			
						$("#names"+k).attr("value",ress[k]);													
					}						
					Str += $input.id +",";
					count++;							
				}									 							
			}		
		else{
			clearSelect();	
			var Str = "";	
			var count = 0;
			var num = $("#num").val();  //下拉中的数字																											
			for(var i=0; i<num; i++){
				var $input = document.createElement("input");			
				$input.type = 'text';
				$input.name = "names"+count;
				$input.id = "names"+count;
				//$input.className = 'text';													
				$("#ret").append("选项名称：").append($input).append("</br>");
				count++;
				Str += $input.id +",";									
			}
			}

		}
	function clearSelect(){		
		$("#ret").html("");			
		}					 
	</script>

<body>
<select id="num" name="num" onchange ="selectCount();">
	<option value="1">1</option>
		<option value="2">2</option>
				<option value="3">3</option>
						<option value="4">4</option>
</select>
<div id="ret" class="mm" align="center"></div>
</body>