CSDN首页 空间 新闻 论坛 Blog 下载 读书 网摘 搜索 .NET Java 视频 接项目 求职 在线学习 买书 程序员 通知
不看会后悔的Windows XP之经验谈 简单快捷DIY实用家庭影院
CSDN社区
搜索 收藏 打印 关闭
CSDN社区 >  Web 开发 >  JavaScript

在网页中怎样实现向下填充的功能。高分求救

楼主yuzhishu(123)2004-08-02 18:00:18 在 Web 开发 / JavaScript 提问

我想问下,在网页中有一个表格10行,其中有输入框,现在,我想实现当焦点在一个输入框,去点击一个"向下填充"按钮,从而把此输入框下面的值取与此框相同的值。同列的输入框只是ID的最后一个字符不同,所以比较容易循环。现在是我怎么在点击  
  "向下填充"按钮时,得到刚才焦点所在输入框的值以及ID阿。用document.activeElement不行啊,因为在点击按钮时,按钮就成为活动元素那。  
  真的很急啊,跪求各位能给予代码实现。谢谢 问题点数:80、回复次数:2Top

1 楼LxcJie(肖冲*爱*捷捷)回复于 2004-08-03 10:25:16 得分 0

在输入框的onfocus事件中记录此输入框  
   
  <input   type="text"   onfocus="window.inputObj   =   this'">  
   
  这样,点击按钮时就可以从全局变量window.inputObj中去到了,记得使用完把window.inputObj   =   null;  
   
  Top

2 楼LxcJie(肖冲*爱*捷捷)回复于 2004-08-03 12:02:08 得分 80

<META   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <STYLE>  
  input{width:70px;   border:1px   solid   black;}  
  </STYLE>  
  <BODY>  
  <TABLE   width="70%"   id="fillTable"   bordercolor="#CCCCCC"     border="1"   cellspacing="0"   cellpadding="0">  
      <TR>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
      </TR>  
      <TR>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
      </TR>  
      <TR>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
      </TR>  
      <TR>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
      </TR>  
      <TR>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
          <TD><INPUT   onFocus="window.inputObj   =   this"/></TD>  
      </TR>  
  </TABLE><p>  
  <INPUT   type="button"   value="向下填充"   onClick="fill()"   >  
  <script   language="javascript">  
  function   fill()  
  {  
          if(!window.inputObj)  
          return;  
          var   oTable   =   document.all.fillTable;  
  var   oTdIndex   =   window.inputObj.parentNode.cellIndex;  
  for(var   i=0;   i<oTable.rows.length;   i++)  
  {  
                  for(var   j=0;   j<oTable.rows[i].cells.length;   j++)  
                  {  
                          if(j   ==   oTdIndex)  
          oTable.rows[i].cells[j].children[0].value   =   window.inputObj.value;  
                  }  
  }  
  }  
  </script>  
  </BODY>Top

相关问题

  • 如何实现网页拖放功能?
  • cppwebbrowse实现网页编辑功能
  • 画图中的颜色填充功能是怎么实现的?
  • 有哪个API可以实现想画板里的颜色填充的功能???
  • 能否在网页上放一链接,点此链接实现该网页打印或网页保存功能?
  • 如何在网页中实现打印功能?
  • 如何在网页上实现打印功能
  • 怎样在网页中实现另存为的功能?
  • 急救?在网页中如何实现类似oicq功能
  • 实现网页的倒序翻页功能???

关键词

得分解答快速导航

  • 帖主:yuzhishu
  • LxcJie

相关链接

  • Web开发类图书

广告也精彩

反馈

请通过下述方式给我们反馈
反馈
提问
网站简介|广告服务|VIP资费标准|银行汇款帐号|网站地图|帮助|联系方式|诚聘英才|English|问题报告
北京创新乐知广告有限公司 版权所有, 京 ICP 证 070598 号
世纪乐知(北京)网络技术有限公司 提供技术支持
Copyright © 2000-2008, CSDN.NET, All Rights Reserved
GongshangLogo