前言
年初的时候写过一个js组件的系列文章，博客原文地址为 http://jsorz.cn/blog/2015/02/step-by-step-js-component-schoolbox-collections.html 由于博客架在github的免费主页上，github把百度爬虫拉黑了，所以访问量一直挺低的。现移步sf，希望一起多多交流，共同成长，谢谢！
版本1
只是简单的界面设计，静态排版，没有js部分。
Demo：demo v1
文章：穿插在第一篇中
版本2
加入了js部分，实现了省和学校的级联。
Demo：demo v2
版本3
把版本2的js代码写成组件的结构。
Demo：demo v3
版本4
添加自定义事件，即使用观察者模式。
Demo：demo v4
版本5
加入学校搜索框的功能，使用的是本地数据，也可以Ajax请求。
Demo：demo v5
版本6
为搜索结果添加按键效果，即通过“上”“下”键选中，“回车”键确定。
Demo：demo v6
版本7
附加功能，添加自定义学校。
Demo：demo v7
版本8（后增）
实现学校选择器的模态对话框，并在页面中共用同一个选择器对象。
Demo：demo v8
版本9 & 10（补充）
页面上多个元素共享同一个模态对话框，在触发事件时加入“由哪个监听元素触发”，以避免对所有监听元素都做出响应。
监听时判断，Demo：demo v9
回调时判断，Demo：demo v10
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。