js前台动态添加文本框，asp接收页面怎么获取文本框内容 - ASP技术论坛

已结贴√ 问题点数：0 回复次数：5

js前台动态添加文本框，asp接收页面怎么获取文本框内容

前台代码：
<head>
<title>无标题文档</title>
</head>
<body>
<form name="form1" method="post" action="bb.asp">
  <div id="d">
    <input type="text" name="text_0"/>
    <input type="text1" name="text_02"/>
    <input type="text2" name="text_03"/>
  </div>
  <input name="button" type="button" id="b" value="添加"/>
  <label>
  <input type="submit" name="Submit" value="提交">
  </label>
</form>
</body>
<script language="javascript">
i = 1;
document.getElementById("b").onclick=function(){
  document.getElementById("d").innerHTML+='<div id="div_'+i+'">  <input name="text" name="text_'+i+'" type="text"  />  <input name="text1" name="text_'+i+'" type="text"  />  <input name="text2" name="text_'+i+'" type="text"  />  <input type="button" value="删除"  onclick="del('+i+')"/></div>';
  i = i + 1;
}
function del(o){
    document.getElementById("d").removeChild(document.getElementById("div_"+o));
}
</script>
asp接收页面怎么获取js里的“i”值？

[ 本帖最后由 gesongs 于 2011-9-26 18:23 编辑 ]

搜索更多相关主题的帖子: 前台　 javascript　function　action　button　

第 2 楼

得分:0

谢谢版主！你的方法比较好用但是新问题有来了

页面test1.asp ：
<td width="80%" bgcolor="#EEF7FD" class="category">
        <div id="d">
        名称:<input name="liao_hao" type="text" id="liao_hao" ondblclick="openwin()" value="双击选择料号"/>
        </div>
        <input name="button" type="button" id="b" value="添加"/>
        <script language="javascript">
i = 1;
document.getElementById("b").onclick=function(){
  document.getElementById("d").innerHTML+='<div id="div_'+i+'">'+i+'料号:<input name="liao_hao'+i+'" type="text" ondblclick="openwin()" /><input type="button" value="删除"  onclick="del('+i+')"/></div>';
  i = i + 1;
}
function del(o){
    document.getElementById("d").removeChild(document.getElementById("div_"+o));
}
</script><script LANGUAGE="JavaScript">
function openwin() {
    window.open ("test.asp", "newwindow", "height=400, width=780, toolbar =no, menubar=no,top=180,left=190,  scrollbars=yes, resizable=no, location=no, status=no") //写成一行
   }
</script>
          </td>
===========================================================================
菜单页面：test.asp
<table width="200" border="1">
  <tr onDblClick="ReturnValue()" >
<script language="javascript">
function ReturnValue()
{
window.opener.document.form1.liao_hao.value="123";//这里的liao_hao 如何获取test1.asp 里的liao_hao'+i+'值一一对应？
window.close();
}
</script>
    <td>123</td>
  </tr>
</table>

[ 本帖最后由 gesongs 于 2011-9-27 20:10 编辑 ]

第 3 楼

得分:0

版主！这段代码好像不行！
页面test1.asp ：
<td width="80%" bgcolor="#EEF7FD" class="category">
        <div id="d">
        名称:<input name="liao_hao" type="text" id="liao_hao" ondblclick="openwin()" value="双击选择料号"/>
        </div>
        <input name="button" type="button" id="b" value="添加"/>
        <script language="javascript">
i = 1;
document.getElementById("b").onclick=function(){
  document.getElementById("d").innerHTML+='<div id="div_'+i+'">'+i+'料号:<input name="liao_hao'+i+'" type="text" ondblclick="openwin()" /><input type="button" value="删除"  onclick="del('+i+')"/></div>';
  i = i + 1;
}
function del(o){
    document.getElementById("d").removeChild(document.getElementById("div_"+o));
}
</script><script LANGUAGE="JavaScript">
function openwin() {
    window.open ("test.asp", "newwindow", "height=400, width=780, toolbar =no, menubar=no,top=180,left=190,  scrollbars=yes, resizable=no, location=no, status=no") //写成一行
   }
</script>
</td>

下述代码的值传送到 <input name="liao_hao'+i+'" type="text" ondblclick="openwin()" />里
的值都是一样的，希望是<input name=liao_hao1；<input name=liao_hao2；<input name=liao_hao3....各自获取各自的值！

菜单页面：test.asp
<table width="200" border="1">
  <tr onDblClick="ReturnValue()" >
<script language="javascript">
function ReturnValue()
{
   var len=window.opener.document.form1.liao_hao.length;//js里取得数组大小用数组名.length\
for(var i=0;i<len;i++)
       window.opener.document.form1.liao_hao[i].value="123";//这里的liao_hao 如何获取test1.asp 里的liao_hao'+i+'值一一对应？
   window.close();
}
</script>
    <td>123</td>
  </tr>
</table>

[ 本帖最后由 gesongs 于 2011-9-28 08:14 编辑 ]

第 4 楼

得分:0

是的！但是效果是能添加多个文本框然后选择的料号能对应上各自的文本框

图片附件: 游客没有浏览图片的权限，请登录或注册

第 5 楼

得分:0

dzt0001 谢谢你！搞定！
js的知识面太窄 openwin(this) openwin(obj) 没搞懂不知道彼此什么关系！

第 6 楼

得分:0

dzt0001  谢谢你的详解！幸苦了  向你大无私精神致敬！
但是小弟笨鸟写了一段 js 的检验是否为空的代码单不知错在哪
还请指教
<table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" class="toptable grid">

      <form action="" method="post" name="form1">
      <tr>
        <td width="20%" height="30" align="right" bgcolor="#EEF7FD">选择：</td>
        <td width="80%" bgcolor="#EEF7FD" class="category">
<div id="d">料号：
  <input name="liao_hao0" type="text" id="liao_hao" ondblclick="openwin(this)" style="width:120px" value="双击选择料号"/>
  数量
  ：  <input name="dan_jia" id="dan_jia" type="text" style="width:60px" ondblclick="openwin(this)"  />
        </div>
        <input name="button" type="button" id="b" value="添加"/>
<script language="javascript">
i = 1;
document.getElementById("b").onclick=function(){
  document.getElementById("d").innerHTML+='<div id="div_'+i+'">料号： <input name="liao_hao'+i+'" id="liao_hao_'+i+'" type="text" style="width:120px"  ondblclick="openwin(this)" value="双击选择料号"  /> 数量： <input name="dan_jia'+i+'" id="dan_jia_'+i+'" type="text" style="width:60px"/><input type="button" value="删除"  onclick="del('+i+')"/></div>';
  i = i + 1;

}
//===================================================================
//下面是写的检查料号不能为空的功能但是不成功  还请指教！
function on_up()
{
    for (j=0;j<i;j++)
    {
          var liao_hao="liao_hao"+j
          if (document.form1.liao_hao.value="双击选择料号")
               {
                 alert("料号不能为空");
                return  false;
                }
     }
}
//=========================================================================
function del(o){
    document.getElementById("d").removeChild(document.getElementById("div_"+o));
  document.form1.max_mumber.value=i-1
}
       </script>
<script LANGUAGE="JavaScript">
function openwin(obj) {
    window.open ("add_list.asp?liaohao_id="+obj.id+"", "newwindow", "height=400, width=780, toolbar =no, menubar=no,top=180,left=190,  scrollbars=yes, resizable=no, location=no, status=no") //写成一行
   }
</script>
</td>
      </tr>

      <tr>
        <td height="30" colspan="2" align="center" bgcolor="#EEF7FD"><label></label>
          <input name="submit" type = "submit" class="button" id="up" onclick="return on_up();;" value = "提交"/>  </td>
      </tr>
      </form>
</table>