如何用Javascript实现数据库控件类似的效果？

[kidyliu]

下面是一个表格：
姓名 籍贯 年龄
text控件 text控件 text控件 [新增一行]按钮

当点击 [新增一行]按钮或者 敲回车可以自动增加一行text控件！

[wd_318]

<script>
function addrow()
{
thetotal=parseInt(document.form1.total.value)+1;
var htmltext="";
htmltext+='<br><input type="text" name="name'+thetotal+'">';
htmltext+='<input type="text" name="nativeplace'+thetotal+'">';
htmltext+='<input type="text" name="age1'+thetotal+'">';
add.innerHTML+=htmltext;
document.form1.total.value=thetotal;
}
</script>
姓名   籍贯   年龄 <br>
<form name="form1" method="post" action="">
<div id=add>
<input type="hidden" name="total" value="1" >
<input type="text" name="name1"><input type="text" name="nativeplace1"><input type="text" name="age1">
</div>

</form>
<input type="button" value="增加复本" name=addnew onClick="addrow()">

[blues-star]

<!--METADATA TYPE="DesignerControl" startspan
<OBJECT classid="clsid:277FC3F2-E90F-11D0-B767-0000F81E081D" VIEWASTEXT><PARAM NAME="_ExtentX" VALUE="8043"><PARAM NAME="_ExtentY" VALUE="3889"><PARAM NAME="DataConnection" VALUE=""><PARAM NAME="SourceType" VALUE=""><PARAM NAME="Recordset" VALUE=""><PARAM NAME="CtrlName" VALUE=""><PARAM NAME="UseAdvancedOnly" VALUE="0"><PARAM NAME="AdvAddToStyles" VALUE="-1"><PARAM NAME="AdvTableTag" VALUE=""><PARAM NAME="AdvHeaderRowTag" VALUE=""><PARAM NAME="AdvHeaderCellTag" VALUE=""><PARAM NAME="AdvDetailRowTag" VALUE=""><PARAM NAME="AdvDetailCellTag" VALUE=""><PARAM NAME="ScriptLanguage" VALUE="1"><PARAM NAME="ScriptingPlatform" VALUE="2"><PARAM NAME="EnableRowNav" VALUE="0"><PARAM NAME="HiliteColor" VALUE=""><PARAM NAME="RecNavBarHasNextButton" VALUE="-1"><PARAM NAME="RecNavBarHasPrevButton" VALUE="-1"><PARAM NAME="RecNavBarNextText" VALUE=" > "><PARAM NAME="RecNavBarPrevText" VALUE=" < "><PARAM NAME="ColumnsNames" VALUE=""><PARAM NAME="columnIndex" VALUE=""><PARAM NAME="displayWidth" VALUE=""><PARAM NAME="Coltype" VALUE=""><PARAM NAME="formated" VALUE=""><PARAM NAME="DisplayName" VALUE=""><PARAM NAME="DetailAlignment" VALUE=""><PARAM NAME="HeaderAlignment" VALUE=""><PARAM NAME="DetailBackColor" VALUE=""><PARAM NAME="HeaderBackColor" VALUE=""><PARAM NAME="HeaderFont" VALUE=""><PARAM NAME="HeaderFontColor" VALUE=""><PARAM NAME="HeaderFontSize" VALUE=""><PARAM NAME="HeaderFontStyle" VALUE=""><PARAM NAME="DetailFont" VALUE=""><PARAM NAME="DetailFontColor" VALUE=""><PARAM NAME="DetailFontSize" VALUE=""><PARAM NAME="DetailFontStyle" VALUE=""><PARAM NAME="ColumnCount" VALUE="0"><PARAM NAME="CurStyle" VALUE="Basic Navy"><PARAM NAME="TitleFont" VALUE="Arial"><PARAM NAME="titleFontSize" VALUE="4"><PARAM NAME="TitleFontColor" VALUE="16777215"><PARAM NAME="TitleBackColor" VALUE="13416"><PARAM NAME="TitleFontStyle" VALUE="1"><PARAM NAME="TitleAlignment" VALUE="0"><PARAM NAME="RowFont" VALUE="Arial"><PARAM NAME="RowFontColor" VALUE="0"><PARAM NAME="RowFontStyle" VALUE="0"><PARAM NAME="RowFontSize" VALUE="2"><PARAM NAME="RowBackColor" VALUE="16777215"><PARAM NAME="RowAlignment" VALUE="0"><PARAM NAME="HighlightColor3D" VALUE="268435455"><PARAM NAME="ShadowColor3D" VALUE="268435455"><PARAM NAME="PageSize" VALUE="20"><PARAM NAME="MoveFirstCaption" VALUE=" |< "><PARAM NAME="MoveLastCaption" VALUE=" >| "><PARAM NAME="MovePrevCaption" VALUE=" << "><PARAM NAME="MoveNextCaption" VALUE=" >> "><PARAM NAME="BorderSize" VALUE="1"><PARAM NAME="BorderColor" VALUE="13421772"><PARAM NAME="GridBackColor" VALUE="8421504"><PARAM NAME="AltRowBckgnd" VALUE="12632256"><PARAM NAME="CellSpacing" VALUE="0"><PARAM NAME="WidthSelectionMode" VALUE="1"><PARAM NAME="GridWidth" VALUE="304"><PARAM NAME="EnablePaging" VALUE="-1"><PARAM NAME="ShowStatus" VALUE="-1"><PARAM NAME="StyleValue" VALUE="453613"><PARAM NAME="LocalPath" VALUE=""></OBJECT>
-->
<script language="JavaScript" src="_ScriptLibrary/EventMgr.HTM"></script>
<script language="JavaScript" src="_ScriptLibrary/Button.HTM"></script>
<script language="JavaScript" src="_ScriptLibrary/RSNavBar.HTM"></script>
<script language="JavaScript" src="_ScriptLibrary/DataGrid.HTM"></script>
<!-- Missing recordset value - Invalid Property Value -->

<!--METADATA TYPE="DesignerControl" endspan-->

[kidyliu]

樓上的兄弟，你的代碼好恐怖。看不懂。怎麽用？

[blues-star]

这个只是一个ACTIVEX组件，如果你用INTERDEV的话，图形界面可以帮助完成属性的设置，否则，只有手工设置了，这个就是VB的那个DATA GRID^_^，属于设计时期控件

[wd_318]

是不是要另装什么东东的，我COPY了一份，为什么不能用？