在运行时动态无刷新添加TextBox

TextBox无非就是runat="server"的一个HTML Input控件。然而，在需要，动态添加TextBox的案例中，往往只需要TextBox们来提交数据。据此，我们可以在客户端动态无刷新添加“TEXTBox”

 

下面是代码：

 

 

<form id="Form1" method="post" runat="server">
 <input type="button" onclick="onButtonClick();" value="Create TextBox">
 <div id="textBoxDiv"></div>
</form>

 

 

<script type="text/javascript">
<!--
function onButtonClick()
{
 var controlRef = document.createElement('input');
 controlRef.type = 'text'; 
 controlRef.id = 'dynamicTextBox'; 
 controlRef.name = 'dynamicTextBox';
 controlRef.size = 20;

 document.getElementById('textBoxDiv').appendChild(controlRef);
}
// -->
</script>