动态增加一行Textbox框
2008-07-18 16:34
190 查看
//页面代码:
<tr valign="middle">
<td colspan="12" align="left"><asp:TextBox ID="txtUNAccessories3" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox><input type="button" name="addbtn" value="增加一条"
onclick="FileNumChange(true);" id="Button3" runat="server"/> </td>
</tr>
</table>
<asp:Panel ID="Panel1" runat="server" Width="100%">
<asp:TextBox style="display:none" ID="txtUNAccessories5" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
<asp:Panel ID="Panel2" runat="server" Width="100%" >
<asp:TextBox style="display:none" ID="txtUNAccessories6" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
<asp:Panel ID="Panel3" runat="server" Width="100%" >
<asp:TextBox style="display:none" ID="txtUNAccessories7" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
<asp:Panel ID="Panel4" runat="server" Width="100%" >
<asp:TextBox style="display:none" ID="txtUNAccessories8" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
<asp:Panel ID="Panel5" runat="server" Width="100%" >
<asp:TextBox style="display:none" ID="txtUNAccessories4" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
</td>
</tr>
//要调用的脚本
var defaultNum2 = 0;
function FileNumChange2(add2)
{
var arr2 = new Array();
arr2[0] = document.getElementById("<%=txtAdvice5.ClientID%>");
arr2[1] = document.getElementById("<%=txtAdvice6.ClientID%>");
arr2[2] = document.getElementById("<%=txtAdvice7.ClientID%>");
arr2[3] = document.getElementById("<%=txtAdvice8.ClientID%>");
arr2[4] = document.getElementById("<%=txtAdvice4.ClientID%>");
if (add2 && defaultNum2<6){
defaultNum2++;
}else if (!add2 && defaultNum2>1){
defaultNum2--;
}
for(var i=0; i<arr2.length; i++){
if (i >= defaultNum2){
arr2[i].disabled = true;
arr2[i].style.display = "none";
}else{
arr2[i].disabled = false;
arr2[i].style.display = "block";
}
}
if(defaultNum2>5)
{
alert('由于数据库限制,此处只能填写8条,超出者请以附件提交!!!');
}
}
<tr valign="middle">
<td colspan="12" align="left"><asp:TextBox ID="txtUNAccessories3" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox><input type="button" name="addbtn" value="增加一条"
onclick="FileNumChange(true);" id="Button3" runat="server"/> </td>
</tr>
</table>
<asp:Panel ID="Panel1" runat="server" Width="100%">
<asp:TextBox style="display:none" ID="txtUNAccessories5" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
<asp:Panel ID="Panel2" runat="server" Width="100%" >
<asp:TextBox style="display:none" ID="txtUNAccessories6" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
<asp:Panel ID="Panel3" runat="server" Width="100%" >
<asp:TextBox style="display:none" ID="txtUNAccessories7" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
<asp:Panel ID="Panel4" runat="server" Width="100%" >
<asp:TextBox style="display:none" ID="txtUNAccessories8" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
<asp:Panel ID="Panel5" runat="server" Width="100%" >
<asp:TextBox style="display:none" ID="txtUNAccessories4" TextMode="MultiLine" Columns="95" runat="server"
></asp:TextBox>
</asp:Panel>
</td>
</tr>
//要调用的脚本
var defaultNum2 = 0;
function FileNumChange2(add2)
{
var arr2 = new Array();
arr2[0] = document.getElementById("<%=txtAdvice5.ClientID%>");
arr2[1] = document.getElementById("<%=txtAdvice6.ClientID%>");
arr2[2] = document.getElementById("<%=txtAdvice7.ClientID%>");
arr2[3] = document.getElementById("<%=txtAdvice8.ClientID%>");
arr2[4] = document.getElementById("<%=txtAdvice4.ClientID%>");
if (add2 && defaultNum2<6){
defaultNum2++;
}else if (!add2 && defaultNum2>1){
defaultNum2--;
}
for(var i=0; i<arr2.length; i++){
if (i >= defaultNum2){
arr2[i].disabled = true;
arr2[i].style.display = "none";
}else{
arr2[i].disabled = false;
arr2[i].style.display = "block";
}
}
if(defaultNum2>5)
{
alert('由于数据库限制,此处只能填写8条,超出者请以附件提交!!!');
}
}
相关文章推荐
- 动态表格,通过按钮增加行,删除时删除选择的checkbox那一行
- 动态表格,通过点击按钮增加或者删除一行表格!
- gridview中动态绑定通过模板列增加的textbox。
- 添加可动态变化的输入框,点击添加增加一行,点击删除删除一行
- javascript动态增加,删除一行之通用方法 包括下拉菜单的复制
- JQuery实现动态表格点击按钮表格增加一行
- jQuery动态增加表格一行和删除一行
- jQuery动态增加表格一行和删除一行
- 在后台 如何实现 按钮点击后 Table能动态增加一行
- JS 动态给表格增加/删除一行
- 在后台 如何实现 按钮点击后 Table能动态增加一行
- JQuery实现动态表格点击按钮表格增加一行
- java JTable中动态添加、增加一行数据
- js 动态为textbox添加下拉框数据源
- jQuery 点击按钮,表格增加一行。
- javascript对属性的操作,动态增加元素
- 使用Javascript动态增加,删除表格(使用DHTML对象模型)
- 实现表的点击后增加一行再次点击收缩
- Ajax实现在textbox中输入内容,动态从数据库中模糊查询显示到下拉框中
- ul动态增加li