jQuery点击输入框弹出学校选择层并赋值

点击事件触发的学校选择功能，配合弹出层来还是蛮顺手的。页面上用一个text 输入框，用户点一下，就能唤起一个弹出层，里头是学校列表，选完就把值塞进输入框。交互逻辑挺直观的，代码也不复杂，基本用jQuery就能搞定。

核心是监听input的click事件，用$('.school-input').on('click', ...)这种写法，通过.show()或第三方弹出插件打开学校列表的层。选项选中后，调用val()给输入框赋值就行，响应也快。

如果你页面上已经用了类似layer、dialog这类弹出层插件，那整合起来更方便。弹出层里放一堆学校名（可以是ul>li结构），点选某一项，触发事件，带回值。建议用data-value存 ID，显示名用.text()展示，这样数据分离更清晰。

类似的写法你可以参考这些：jquery 弹出层选择器、js 实现点击弹出层并定位赋值，还有个挺常用的点击 input 输入框弹出选择层。几个例子结合着看，基本能举一反三。

哦对了，弹出层定位别忘了加position: absolute或者用插件自带的定位逻辑。别让层飘错了地方，看着尴尬。

如果你表单里有多个这种输入项，记得用事件代理，别一股脑给每个绑定事件，不然维护起来挺麻烦。