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 相关文章推荐
jquery之Document元素选择器篇
Aug 14 Javascript
javascript Split方法,indexOf方法、lastIndexOf 方法和substring 方法
Mar 21 Javascript
关于hashchangebroker和statehashable的补充文档
Aug 08 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 Javascript
jquery实现动态改变div宽度和高度
May 08 Javascript
js实现添加可信站点、修改activex安全设置,禁用弹出窗口阻止程序
Aug 17 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
百度多文件异步上传控件webuploader基本用法解析
Nov 07 Javascript
详解Vue一个案例引发「内容分发slot」的最全总结
Dec 02 Javascript
JS常用跨域方法实现原理解析
Dec 09 Javascript
node.js使用express-fileupload中间件实现文件上传
Jul 16 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
Laravel 5.0 发布 新版本特性详解
2015/02/10 PHP
php实现过滤UBB代码的类
2015/03/12 PHP
详解PHP中的 input属性(隐藏 只读 限制)
2017/08/14 PHP
基于jquery实现的可以编辑选择的下拉框的代码
2010/11/19 Javascript
再次分享18个非常棒的jQuery表格插件
2011/04/10 Javascript
事件绑定之小测试  onclick &amp;&amp; addEventListener
2011/07/31 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
2013/06/24 Javascript
JS对文本框值的判断示例
2014/03/10 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
2015/08/14 Javascript
分享一个插件实现水珠自动下落效果
2016/06/01 Javascript
微信小程序 form组件详解
2016/10/25 Javascript
利用JS判断字符串是否含有数字与特殊字符的方法小结
2016/11/25 Javascript
使用bat打开多个cmd窗口执行gulp、node
2017/02/17 Javascript
vue 项目如何引入微信sdk接口的方法
2017/12/18 Javascript
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
vue中使用mxgraph的方法实例代码详解
2019/05/17 Javascript
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
Python比较两个图片相似度的方法
2015/03/13 Python
Python实现注册登录系统
2017/08/08 Python
Python Logging 日志记录入门学习
2018/06/02 Python
解决python升级引起的pip执行错误的问题
2018/06/12 Python
python中numpy数组与list相互转换实例方法
2021/01/29 Python
创业计划书的内容步骤和要领
2014/01/04 职场文书
家长给幼儿园的表扬信
2014/01/09 职场文书
新员工欢迎词
2014/01/12 职场文书
年度献血先进个人事迹材料
2014/02/14 职场文书
追悼会主持词
2014/03/20 职场文书
团队精神口号
2014/06/06 职场文书
小学美术兴趣小组活动总结
2014/07/07 职场文书
销售顾问工作计划书
2014/09/15 职场文书
国际商务专业毕业生自我鉴定2014
2014/09/27 职场文书
社区党员干部承诺书
2015/05/04 职场文书
新郎结婚感言
2015/07/31 职场文书
2016年学习雷锋精神广播稿
2015/12/17 职场文书
小学语文教学反思范文
2016/03/03 职场文书