标题:js前台动态添加文本框,asp接收页面怎么获取文本框内容
只看楼主
dzt0001
Rank: 13Rank: 13Rank: 13Rank: 13
等 级:蒙面侠
威 望:5
帖 子:1281
专家分:4998
注 册:2005-10-12
得分:0 
openwin(obj)---obj是openwin的一个参数名称,可以用其他字符来写,如a,b,str,...都可以,只要符合变量的命名方式
openwin(this)---这里是调用函数,this是参数的值,获取到的是双击的这个文本框
函数里用到obj.id就是这个文本框的id值

----我怎能在别人的苦难面前转过脸去----
2011-09-28 14:44
gesongs
Rank: 3Rank: 3
等 级:论坛游侠
威 望:3
帖 子:129
专家分:100
注 册:2011-7-7
得分: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>
2011-09-28 21:09
dzt0001
Rank: 13Rank: 13Rank: 13Rank: 13
等 级:蒙面侠
威 望:5
帖 子:1281
专家分:4998
注 册:2005-10-12
得分:0 
代码已调整。表单元素的料号、数量控件的name值设置成一样的了,id值仍带编号
on_up函数也改了,自己看不解释,如果看不明白,请去补一下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_hao" type="text" id="liao_hao0" ondblclick="openwin(this)" style="width:120px" value="双击选择料号"/>
  数量
  :  <input name="dan_jia0" id="dan_jia" type="text" style="width:60px" ondblclick="openwin(this)"  />
        </div>
        <input name="button" type="button" id="b" value="添加"/>     
</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> 

<script language="javascript">
i = 1;
document.getElementById("b").onclick=function(){
  document.getElementById("d").innerHTML+='<div id="div_'+i+'">料号: <input name="liao_hao" id="liao_hao'+i+'" type="text" style="width:120px"  ondblclick="openwin(this)" value="双击选择料号"  /> 数量 : <input name="dan_jia" id="dan_jia_'+i+'" type="text" style="width:60px"/><input type="button" value="删除"  onclick="del('+i+')"/></div>';
  i = i + 1;

}
//===================================================================
//下面是 写的 检查 料号不能为空的 功能但是不成功  还请 指教!
function on_up()
{
    var liao_hao=document.getElementsByName("liao_hao");
    //获取所有name="liao_hao"的元素
    for (var i=0; i<liao_hao.length; i++){
        if (liao_hao[i].value=="双击选择料号" || liao_hao[i].value=="")
        {
            alert(""+(i+1)+"行 料号不能为空");    //这里的行是顺序行,不是id值
            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>

----我怎能在别人的苦难面前转过脸去----
2011-09-29 10:38



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-350929-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.629930 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved