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实现上传图片前的预览(TX的面试题)
Aug 20 Javascript
jQuery取得select选择的文本与值的示例
Dec 09 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
Aug 03 Javascript
javaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序整理总结
Oct 10 Javascript
js 去掉字符串前后空格实现代码集合
Mar 25 Javascript
EasyUI的TreeGrid的过滤功能的解决思路
Aug 08 Javascript
简易Vue评论框架的实现(父组件的实现)
Jan 08 Javascript
jquery ajaxfileuplod 上传文件 essyui laoding 效果【防止重复上传文件】
May 26 jQuery
JavaScript中发出HTTP请求最常用的方法
Jul 12 Javascript
ES6 Proxy实现Vue的变化检测问题
Jun 11 Javascript
vue-cli和v-charts实现可视化图表过程解析
Oct 08 Javascript
vue3.0自定义指令(drectives)知识点总结
Dec 27 Vue.js
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
实用函数10
2007/11/08 PHP
PHP 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
二招解决php乱码问题
2012/03/25 PHP
10条php编程小技巧
2015/07/07 PHP
Opacity.js
2007/01/22 Javascript
jQuery UI Dialog控件中的表单无法正常提交的解决方法
2010/12/19 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
基于jquery实现状态限定编辑的代码
2012/02/11 Javascript
js 验证密码强弱的小例子
2013/03/21 Javascript
javascript的渐进增强与平稳退化浅谈
2013/11/12 Javascript
使用apply方法实现javascript中的对象继承
2013/12/16 Javascript
js获取表格的行数和列数的方法
2015/10/23 Javascript
js实现常用排序算法
2016/08/09 Javascript
AngularJS指令与指令之间的交互功能示例
2016/12/14 Javascript
浅析上传头像示例及其注意事项
2016/12/14 Javascript
livereload工具实现前端可视化开发【推荐】
2016/12/23 Javascript
详解用webpack2.0构建vue2.0超详细精简版
2017/04/05 Javascript
js神秘的电报密码 哈弗曼编码实现
2019/09/10 Javascript
python验证码识别实例代码
2018/02/03 Python
python获取中文字符串长度的方法
2018/11/14 Python
Python基础学习之函数方法实例详解
2019/06/18 Python
python实现串口自动触发工作的示例
2019/07/02 Python
django 2.2和mysql使用的常见问题
2019/07/18 Python
python解析命令行参数的三种方法详解
2019/11/29 Python
python3 中时间戳、时间、日期的转换和加减操作
2020/07/14 Python
用python对oracle进行简单性能测试
2020/12/05 Python
CSS3动画:5种预载动画效果实例
2017/04/05 HTML / CSS
html5响应式开发自动计算fontSize的方法
2020/01/13 HTML / CSS
感恩老师的演讲稿
2014/05/06 职场文书
党员个人查摆剖析材料
2014/10/16 职场文书
万里长城导游词
2015/01/30 职场文书
爱心捐款活动总结
2015/05/09 职场文书
2015年大学团支部工作总结
2015/05/13 职场文书
小学大队委竞选口号
2015/12/25 职场文书
2016优秀毕业生个人事迹材料
2016/02/29 职场文书
Python3的进程和线程你了解吗
2022/03/16 Python