点击按钮增加数据框(二级输入目录)

最新推荐文章于 2024-03-16 19:21:23 发布

戏子

最新推荐文章于 2024-03-16 19:21:23 发布

阅读量477

点赞数

分类专栏： js 文章标签： js 逐步增加输入框

本文链接：https://blog.csdn.net/y88845601/article/details/10978435

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

js部分(innerHTML+=后边引号里的数据不要换行)

<script type="text/javascript">
		function addText(id)
		{
			var idNum = id.split("_")[1];
			var aa = (parseInt(idNum));
			var aaa = aa+=1;
			document.getElementById("addHere").innerHTML+="问题：<input name='name_"+aaa+"' type='text' style='' value='"+aaa+"' /> <input id='add_"+aaa+"' type='button' value='++' οnclick='addText(id);'/><br/>描述：<textarea rows='100px' cols='30px'></textarea><br/><div id='divTese' style='margin-left: 40px;'>选项：<input name='name_"+aaa+"_1' type='text'/><input id='add_"+aaa+"_1' type='button' value='+' οnclick='addText2(id);' /><br/><span id='addHere_"+aaa+"'></span></div>";
			document.getElementById(id).style.display="none";
		}
		function addText2(id)
		{
			var idNum = id.split("_")[2];
			var aa = (parseInt(idNum));
			var aaa = aa+=1;
			var bb = id.split("_")[1];
			var newAddHere = "addHere_"+bb;
			document.getElementById(newAddHere).innerHTML+="选项：<input name='name_"+bb+"_"+aaa+"' type='text' value='"+aaa+"' /><input id='add_"+bb+"_"+aaa+"' type='button' value='+' οnclick='addText2(id);'/><br/>";
			document.getElementById(id).style.display="none";
		}
	</script>

HTML部分

问卷：<input type="text"/><br/>
    	描述：<textarea rows="100px" cols="30px"></textarea><br/>
    	<div id="divTese2" style="margin-left: 40px;">
	    	问题：<input name="name_1" type="text"/><input id="add_1" type="button" value="++" οnclick="addText(id);"/><br/>
	    	描述：<textarea rows="100px" cols="30px"></textarea><br/>
	    			<div id="divTese" style="margin-left: 40px;">
	    				选项：<input name="name_1_1" type="text"/><input id="add_1_1" type="button" value="+" οnclick="addText2(id);" /><br/>
	    				<span id="addHere_1"></span>
	    			</div>
	    	<span id="addHere"></span>
	    </div>