JSP表单页面元素可自由编辑问题！

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<link href="css/datetable.css" rel="stylesheet" type="text/css"><!-- TemplateParam name="OptionalRegion1" type="boolean" value="true" -->
</head>
<script language="JavaScript" >
var Rows_Index=0;
function getRowIndex(){
  if(event.srcElement.tagName=="TD"){
     document.getElementById("DataTable").rows(Rows_Index).className="dark";
     Rows_Index = event.srcElement.parentElement.sectionRowIndex;
     document.getElementById("DataTable").rows(Rows_Index).className="light";
  }
}function getRowsText(){
var s2rtn = "";
s2rtn = DataTable.rows[Rows_Index].cells[0].innerText;  //这个表格第Rows_Index行的第一个单元格里的文字(可读写)
alert( s2rtn );
}
</script><body>
<table width="625" id="DataTable" onClick="getRowIndex()" onDblClick="getRowsText()">
  <!--DWLayoutTable-->
  <tr class="light"> 
    <td height="38" colspan="2" valign="top">1dfasdf</td>
    <td colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr>
  <tr class="dark"> 
    <td height="32" colspan="2" valign="top">2dsafasdf</td>
    <td colspan="2" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
  </tr>
  <tr> 
    <td height="37" colspan="2" valign="top">3dsafasdf</td>
    <td colspan="2" valign="top">4</td>
  </tr>
  <tr> 
    <td width="91" height="40">&nbsp;</td>
    <td width="279">&nbsp;</td>
    <td width="6">&nbsp;</td>
    <td width="221">&nbsp;</td>
  </tr>
  <tr>
    <td height="66">&nbsp;</td>
    <td colspan="2" valign="top"><form name="form1" method="post" action="">
        <input type="text" name="textfield" style="text-align: right">
      </form></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="75">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    大嘴的不错，
    不过需求比较复杂，需要双击表格，里面的可以变成text框输入保存之类的，
    网上有没有这方面资料？我用什么关键字来找找呢？？
      

  2.   

    dhtml.ocx,微软自带的html编辑控件
      

  3.   

    http://www.intersoftpt.com/WebGrid/Live35/Default.htm
    这个网站应该就是我想找的例子了，不过网上很多都是for .net的，
    谁知道有没有for jsp的？
      

  4.   

    请问楼主，什么叫“页面不用显示放置form控件，而可以直接编辑表单”？能给些说明吗，小弟才浅，万望指教。
      

  5.   

    是开始没说明白，看看http://www.intersoftpt.com/WebGrid/Live35/Default.htm
    这个例子就知道了。