jQuery生成asp.net服务器控件的代码


Posted in Javascript onFebruary 04, 2010

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">结算方式</td> 
<td><asp:DropDownList ID="ddlPayType" runat="server"><asp:ListItem>现金</asp:ListItem><asp:ListItem>银行转账</asp:ListItem></asp:DropDownList></td> 
</tr> 
<tr> 
<td class="leftTd">结算账户</td> 
<td colspan="3"><asp:RadioButtonList ID="rdbPayAccountBank" runat="server" RepeatLayout="Flow"></asp:RadioButtonList></td> 
</tr>

最后一个RadioButtonList的ListItem为“其他账户",当选中时,其后增加相应的asp.net服务器控件。选择其它时移除该控件。

jQuery生成asp.net服务器控件的代码

增加

jQuery生成asp.net服务器控件的代码

引入jQuery,然后如下代码

/*结算方式*/ 
$(":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之后的控件为服务器控件,也就是有runat="server"属性的,原先的单引号生成源后会自动变成双引号,并且runat="server"消失。这实际上跟手工在前台书写此DOM结构.net framework处理一致。因此打开此页面源文件可以看到如下
jQuery生成asp.net服务器控件的代码
但不幸的是,该服务器控件依然没有起作用……

还是用隐藏服务器控件来解决吧?!

Javascript 相关文章推荐
javascript 打开页面window.location和window.open的区别
Mar 17 Javascript
javascript 随机展示头像实现代码
Dec 06 Javascript
文本框只能选择数据到文本框禁止手动输入
Nov 22 Javascript
再分享70+免费的jquery 图片滑块效果插件和教程
Dec 15 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
Mar 17 Javascript
jQuery ajax MD5实现用户注册即时验证功能
Oct 11 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
vue获取input输入值的问题解决办法
Oct 17 Javascript
webpack之引入图片的实现及问题
Oct 08 Javascript
vue v-for循环重复数据无法添加问题解决方法【加track-by='索引'】
Mar 15 Javascript
React中使用UMEditor的方法示例
Dec 27 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
Nov 12 Javascript
javascript两段代码,两个小技巧
Feb 04 #Javascript
JavaScript面向对象之静态与非静态类
Feb 03 #Javascript
JavaScript 学习笔记(十六) js事件
Feb 01 #Javascript
js左侧多级菜单动态的解决方案
Feb 01 #Javascript
javascript 三种编解码方式
Feb 01 #Javascript
对字符串进行HTML编码和解码的JavaScript函数
Feb 01 #Javascript
javaScript 关闭浏览器 (不弹出提示框)
Jan 31 #Javascript
You might like
收音机频率指针指示不准确和灵敏度低问题
2021/03/02 无线电
谈谈新手如何学习PHP
2006/12/23 PHP
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
PHP 循环删除无限分类子节点的实现代码
2013/06/21 PHP
获取URL文件名后缀
2013/10/24 PHP
JS拖动技术 关于setCapture使用
2010/12/09 Javascript
jquery设置控件位置的方法
2013/08/21 Javascript
Javascript执行效率全面总结
2013/11/04 Javascript
javascript实现的图片切割多块效果实例
2015/05/07 Javascript
FullCalendar日历插件应用之数据展现(一)
2015/12/23 Javascript
实例详解Nodejs 保存 payload 发送过来的文件
2016/01/14 NodeJs
简单理解vue中实例属性vm.$els
2016/12/01 Javascript
遍历json 对象的属性并且动态添加属性的实现
2016/12/02 Javascript
基于jquery实现多级菜单效果
2017/07/25 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
2017/09/23 jQuery
JavaScrip关于创建常量的知识点
2017/12/07 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
解决windows下Sublime Text 2 运行 PyQt 不显示的方法分享
2014/06/18 Python
python获取标准北京时间的方法
2015/03/24 Python
Python批量修改文本文件内容的方法
2016/04/29 Python
Python之日期与时间处理模块(date和datetime)
2017/02/16 Python
Python PyQt5标准对话框用法示例
2017/08/23 Python
numpy 进行数组拼接,分别在行和列上合并的实例
2018/05/08 Python
numpy中的meshgrid函数的使用
2019/07/31 Python
python使用QQ邮箱实现自动发送邮件
2020/06/22 Python
用于ETL的Python数据转换工具详解
2020/07/21 Python
Python爬虫实例之2021猫眼票房字体加密反爬策略(粗略版)
2021/02/22 Python
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
英国排名第一的宠物店:PetPlanet
2020/02/02 全球购物
临床医学应届生求职信
2013/11/06 职场文书
逃课上网检讨书
2014/02/20 职场文书
创建卫生先进单位实施方案
2014/03/10 职场文书
领导视察通讯稿
2015/07/18 职场文书
浅谈CSS不规则边框的生成方案
2021/05/25 HTML / CSS
Python matplotlib绘制雷达图
2022/04/13 Python