jQuery generates code for asp.net server controls_jquery

The HTML is as follows

Copy code The code is as follows:

Additional amount


< ;asp:RequiredFieldValidator ID="reqExtedNo" runat="server" ControlToValidate="txtExtendMoney" Display="Dynamic" ErrorMessage="Not nullable">
< td class="leftTd">Settlement method
CashBank transfer


< td class="leftTd">Settlement Account

The ListItem of the last RadioButtonList is "Other Accounts". When selected, the corresponding asp is added afterwards .net server control. Removes the control when selecting Others.

Added

Introduce jQuery, and then the following code

Copy the code The code is as follows:

/*Settlement Method*/
$(":radio:last").bind("click",function(){
if($("#txtBankNew").length==0){
$( this).parent().append('Bank< /label> Open an account');
};
$("#txtBankNew" ).focus().select();
});
$(":radio:not(:last)").bind("click",function(){
if($( "#txtBankNew").length>0){
$("#span").remove();
}
});

It is worth noting here that If the control after append is a server control, that is, it has the runat="server" attribute, the original single quotes will automatically become double quotes after the source is generated, and runat="server" will disappear. This is actually the same as manually writing the DOM structure in the foreground. Net framework processing. Therefore, when you open the source file of this page, you can see the following

But unfortunately, the server control still does not work...

Let’s solve it by hiding the server control –!