发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
下午分享《MVC编辑状态两个DropDownList联动》http://www.cnblogs.com/insus/p/3426563.html 不久,马上有网友问及三级联动的例子。Insus.NET回复他,会做二级联动,三级应该不难。原理与方法是一样的。写此篇的目的,还是处理jQuery怎样获取动态产生后的html的标签或是元素。还是先回过头去看篇头指定的链接的文章。一开始时,Insus.NET使用了jQuery的ajax产生了一数据行,并append至
<tbody id="tbody1"></tbody>
但是,在后续的jQuery是很难找到append的html的标签或元素。为了能找到两个select下拉列表,Insus.NET当时只能把相关的代码都写在
function OutputData(tbody, item) {}
这个自定义函数内。这一直不是Insus.NET想要的。不太喜欢把什么代码均写在一个函数内,这样日后的维护带来相当大的困惑。当时完成它时,只求功能的实现。现在,Insus.NET决定再重构这部分。尽量把它能抽取的或是拆分的,都抽取和拆分成更细小,单独的函数。第一个可以抽取的是联动有事件:把它拿掉,并移出这个自定义函数外:那change函数需要改为#93行的语法,另外事件中需要获取两个select的下拉列表,也需要分别改为#96和#98行,一个获取控件之后,还要获取其值,另一个仅是获取控件。第二个可移动的地方,是那个更新的数据的部分代码:可以写在一个单独立的
$(document).ready(function () {}
代码有变动的地方,可参考下图高亮部分:经这样重构之后,能脱离这个函数的代码,均移至
这个自定义函数外。重构之后,此视图完整代码:
来自: 昵称10504424 > 《工作》
0条评论
发表
请遵守用户 评论公约
InnerHtml() 与html( )的区别
jquery 如何使用innerHTML$("#responsediv") 是个Jquery对象,它Val()是对Value属性赋值对它无意义,Jquery没有innerHTML这个属性,应该这样写$("#responsediv")[0].innerHTML=msg...
最常见的 20 个 jQuery 面试问题及答案
在使用这个优秀的库之前写过原生的JavaScript,仅仅在用过它的一个月之后,我就能意识到jQuery的真正力量. 鉴于它的巨大人气,有关jQuer...
关于JQuery引用及基本用法
关于JQuery引用及基本用法。在使用jQuery之前,我们需要到jQuery的官方网站:“https://jquery.com/download/”DOCTYPE html><htm...
使用jquery的load方法加载html页面,但是html引入的js不生效
使用jquery的load方法加载html页面,但是html引入的js不生效。//js部分://当前页面的js文件<script src="../../js/carriage/ca...
jQuery学习笔记 入门
JQuery对象就是用JQuery包装DOM之后产生的对象。JQuery对象是JQuery独有的,可以使用JQuery的各种方法。虽然jQuery对象是包装DOM对象后产生的,但是jQuery无法使用DOM对象的任何方法,同理DOM对象也不...
使用RegularExpressions去除HTML标签的字符串
网友要求做一个文章摘要,由于文章包含有Html标签,在截取文章头200个字符串时,得到的字符串将是一些意想不到的结果。因此让Insus.NET为他解决去除html标签,然后再从去除Html标签之后的结果截取200个...
jQuery 语法 | 菜鸟教程
jQuery 语法 | 菜鸟教程jQuery 语法。jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。美元符号定义 jQuery选择符(selector)"查询"和"查找" HTML 元素jQuery 的 ...
jQuery动态添加的元素绑定事件处理函数代码[live]
jQuery动态添加的元素绑定事件处理函数代码[live]现在,使用live你可以轻松搞定,$(''.clickme'').live(''click'', function() { // Live handler called. });这样,...
jQuery1.9升级指南
jQuery Migrate(迁移)插件。请注意,jQuery 1.9中所有的变化也将应用到jQuery 2.0中,jQuery Migrate(迁移)插件在jQuery2.0中也是可用的。压缩版本的的jQuery Migrate(迁移)插件,不会在浏览器控...
微信扫码,在手机上查看选中内容