JS动态增加文本框如何在后台取出这些值来

JS动态增加文本框如何在后台取出这些值来,第1张

---------js--------------

var txtlist = document.getElementsByTagName("input")

var names = ""

for(var i=0i<txtlist.lengthi++){

names+=txtlist.value+","//把value值销差组合,并以亏橘皮'伍悄,'分割

}

//将所有的name值放入隐藏域(id=subName,name=subName)

document.getElementById("subName").value=names

--------action----------------

String values = request.getParameter("subName")

String value [] = values.split(",")//这里就是所有的值了

失去焦点就去获取,在文本框中写一个onblur事件就可以动态获取了:

<form id="form1" name="form1" method="post" action="">

<input name="改变"烂洞档 type="button" onblur="饥乱javascript:getvalue()" value="改变" />

<input name="获取" type="button" onclick="javascript:getss()" value="获取" />

<input name="传递" type="button" onclick="javascript:senss()" value="传递" />

</颤皮form>

function getvalue(){

alert(document.getElementById("ename").value)

}

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

  厅闭  <title>MyHtml.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html charset=UTF-8">

<script>

function addtextarea(x){

 if(x==""){

  count=0

 }else{

  count=x

 }

 var inputs = document.getElementById("inputs")

    while(inputs.hasChildNodes()) //每次动态添加应该更新内容,当div下还存在子节点时 循环继续

     {

     inputs.removeChild(inputs.firstChild)

     }

 for (var i=0i<counti++){ 

  var username = document.createElement("input")

  username.type="text"

  username.name="name_"+i

  username.id=i//给这个input赋予id值     

  username.value="动态创建"+i

  inputs.appendChild(username)

  inputs.appendChild(document.createElement("br"))

  //提交信息直接用表单提交,本来内容就是循环在Form里的,你应该懂吧

  }   

 }

</script>

  </head>

  <body>

  动态添加数(输数字):<input type="text" id="js_add_num" name="js_add_num" size="4" onkeyup="addtextarea(this.value)" />

  <form id="inputs" action="像服务端发的请求" method="post">

  </form>

 伏圆 </body>

</html>

老哥,直接复制过去运行看看是不扮厅裂是你要的效果。嘿嘿


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11973176.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存