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

来源：互联网发布：深圳程序员工资水平编辑：程序博客网时间：2024/06/07 11:34

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='++' onclick='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='+' onclick='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='+' onclick='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="++" onclick="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="+" onclick="addText2(id);" /><br/>    <span id="addHere_1"></span>    </div>    <span id="addHere"></span>    </div>