jQuery生成asp.net服務(wù)器控件的代碼

更新時(shí)間：2010年02月04日 12:16:26 作者：

jQuery生成asp.net服務(wù)器控件但不幸的是，該服務(wù)器控件依然沒有起作用，還是用隱藏服務(wù)器控件來解決吧

HTML如下

 
<tr> 
<td class="leftTd" style="width: 107px">附加金額</td> 
<td style="width: 315px"><asp:TextBox ID="txtExtendMoney" Text="0" runat="server"></asp:TextBox> 
<asp:RegularExpressionValidator ID="regExtend" runat="server" ControlToValidate="txtExtendMoney" Display="Dynamic" ErrorMessage="格式不正確" ValidationExpression="[1-9]\d*\.\d*|0\.\d*[1-9]\d*|^[1-9]\d*|0"></asp:RegularExpressionValidator> 
<asp:RequiredFieldValidator ID="reqExtedNo" runat="server" ControlToValidate="txtExtendMoney" Display="Dynamic" ErrorMessage="不可為空"></asp:RequiredFieldValidator></td> 
<td class="leftTd">結(jié)算方式</td> 
<td><asp:DropDownList ID="ddlPayType" runat="server"><asp:ListItem>現(xiàn)金</asp:ListItem><asp:ListItem>銀行轉(zhuǎn)賬</asp:ListItem></asp:DropDownList></td> 
</tr> 
<tr> 
<td class="leftTd">結(jié)算賬戶</td> 
<td colspan="3"><asp:RadioButtonList ID="rdbPayAccountBank" runat="server" RepeatLayout="Flow"></asp:RadioButtonList></td> 
</tr> 

最后一個(gè)RadioButtonList的ListItem為“其他賬戶"，當(dāng)選中時(shí)，其后增加相應(yīng)的asp.net服務(wù)器控件。選擇其它時(shí)移除該控件。

增加

引入jQuery，然后如下代碼

復(fù)制代碼代碼如下:

 
/*結(jié)算方式*/ 
$(":radio:last").bind("click",function(){ 
if($("#txtBankNew").length==0){ 
$(this).parent().append('<span id="span"><label style="margin-left:6px;margin-right:4px;" for="txtBankNew">開戶銀行</label><input runat='server' id='txtBankNew' type='text' /><label style="margin-left:6px;margin-right:4px;" for="txtAccountNew">開戶賬戶</label><input type='text' id='txtAccountNew' runat='server' /></span>'); 
}; 
$("#txtBankNew").focus().select(); 
}); 
$(":radio:not(:last)").bind("click",function(){ 
if($("#txtBankNew").length>0){ 
$("#span").remove(); 
} 
}); 

這里值得注意的是如果append之后的控件為服務(wù)器控件，也就是有runat="server"屬性的，原先的單引號生成源后會自動(dòng)變成雙引號，并且runat="server"消失。這實(shí)際上跟手工在前臺書寫此DOM結(jié)構(gòu).net framework處理一致。因此打開此頁面源文件可以看到如下