怎样动态添加文本框并处理之

最新推荐文章于 2024-04-26 10:14:46 发布

tsinglongwu

最新推荐文章于 2024-04-26 10:14:46 发布

阅读量2.1k

点赞数

分类专栏： JSP 文章标签： button input string function javascript table

本文链接：https://blog.youkuaiyun.com/tsinglongwu/article/details/1396977

版权

JSP 专栏收录该内容

1 篇文章

订阅专栏

最近在做项目时曾碰到这个问题，怎样动态地添加一个文本框或文件域，这在网上很容易找到。但对怎样处理提交的动态数据就很少有这方面的信息了。看了一些资料，找到一个小方法：

1.提交表单

function additem(id)
{
var row,cell,str;
row = eval("document.all["+'"'+id+'"'+"]").insertRow();
if(row != null )
     {
        cell = row.insertCell();
        str="<input type="+'"'+"text"+'"'+" name="+'"'+"StuName"+'"'+"><input type="+'"'+"button"+'"'+" value="+'"'+"删除"+'"'+" οnclick='deleteitem(this,"+'"'+"tb"+'"'+");'>"
   cell.innerHTML=str;

      }
}
function deleteitem(obj,id)
{
var rowNum,curRow;
curRow = obj.parentNode.parentNode;
rowNum = eval("document.all."+id).rows.length - 1;
eval("document.all["+'"'+id+'"'+"]").deleteRow(curRow.rowIndex);
}
</script>
   <p>
     <input type="submit" name="submit" value="提交">
   </p>
</form>
</body>
</html>

2.处理数据