当前位置:首页 > 开发 > Web前端 > JavaScript > 正文

js实现前台动态添加文本框,后台获取文本框内容

发表于: 2013-10-24   作者:171815164   来源:转载   浏览:
摘要: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
    <title>
    </title>
    <head>


        <script language="javascript" type="text/javascript">

            var count = 0;
            function additem(id)
            {
                var row, cell, str;
                row = document.getElementById(id).insertRow();
                if (row != null)
                {
                    cell = row.insertCell();
                    cell.innerHTML = "<input id=\"St" + count + "\" type=\"text\" name=\"St" + count + "\" value= \"St" + count + "\"><input type=\"button\" value=\"删除\" onclick=\'deleteitem(this);\'>";
                    count++;
                }
            }
            function deleteitem(obj)
            {
                var curRow = obj.parentNode.parentNode;
                tb.deleteRow(curRow.rowIndex);
            }

            function getsub()
            {
                var re = "";
                for (var i = 0; i < count; i++)
                {
                    re += document.getElementsByName("St" + i)[0].value;

                }
                document.getElementById("Hidden1").value = re;
            }


        </script>
    </head>
    <body >
        <form id="form1" action="request.jsp"><table id="tb"></table>
            <input name="button" type="button" onclick='additem("tb")' value="添加>>"/>
            <input type="submit" name="submit" onclick="getsub()" value="提交"/>
            <input id="Hidden1" name="Hidden1" type="hidden" value="" />
        </form>
    </body>

</html>

js实现前台动态添加文本框,后台获取文本框内容

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
原文: 动态添加或减少文本框,并获取文本框值 很早之前,Insus.NET有实现过《点击一次铵钮产生一个新
很早之前,Insus.NET有实现过《点击一次铵钮产生一个新文本框,分别输入值,然后获取》http://www.c
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD>
来源:编程之家 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
昨天,我们公司的网络小组决定为公司做一个内部的网站,主要是为员工比如发布公告啊、填写相应信息
1、TextBox限制只能输入数据 实现原理:每个键有着对应的键码,利用键码对相应的键禁用键盘事件。 &
html部分 姓名<input type="text" name="name" id="name" /><br /> <ul id="tip" st
html部分 姓名<input type="text" name="name" id="name" /><br /> <ul id="tip" st
case IDC_BUTTONLOGIN: { //GetDlgItemText(hwnd,IDC_EDTNAME,str,sizeof(str)); //第一参数是窗口
发一下牢骚和主题无关: 在网上我们会经常填写一些表单信息,为了界面友爱,文框的后面经常会有一些提
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号