下拉框绑定

开发工具与关键技术：MVC的下拉框绑定
作者：郭海明
撰写时间：2019年 5月26 日

这编文献是在做项目时候遇到数据表格，要实现出下拉框绑定ID，根据下拉框筛选出指定数据。
首先编写出下拉框，整理好结构，下拉框表格源代码要加上ID，以便后面调用该下拉框，让其显示出下拉框数据。

如图给该下拉框添加ID。
这里下拉框要查询的是经理ID，所以我们要在控制器里面写一个查询出经理ID数据的方法，根据经理表获取到经理表的ID和表里面的经理名称。

获取到该经理表ID和经理名称，然后将方法返回。
接着就可以到视图里面去绑定下拉框，显示出数据。

调用封装好的根据url创建下拉框createSelect方法。

将绑定经理的createSelect方法写在layuiTable数据表格的方法里面。用于后面我们实现下拉框筛选数据。
获取到下拉框的ID，然后将控制器查询经理的方法URL，这样下拉框就会显示出经理表里面的经理名称了。

由于项目要求，筛选出经理之后，选中筛选出来某一位经理，就可以继续筛选出选中经理的聚类类型，使得数据筛选的更加详细，更精准。
如果要想实现选中经理，然后在获取到该选中经理的聚类类型，首先我们就要在控制器里面写一个根据经理ID查询聚类类型的方法。

并在方法里面添加一个经理ID参数，然后将要查询的聚类表连接下拉框的经理表和聚类类型表。加一个条件Where 经理表ID和参数ID是否相等。
然后获取聚类类型ID和聚类类型名称，return将数据返回。这样控制器里面的根据经理ID查询聚类类型的方法就完成了，我们只需要像前面绑定经理下拉框一样写一个绑定下拉框。

但我们需要写一个经理下拉框的改变事件 ，当我们选中经理之后，才可以选择聚类类型，所以我们在这个事件里面获取经理的ID，清空一下聚类的下拉框选项，这里清空的原因是因为如果不清空，在不刷新浏览器的情况，如果换了选中经理，聚类类型还是会保持原来上一个经理的聚类类型，所以这里要清空一下聚类类型。接着调用pendOption为下拉框添加选项方法绑定聚类类型，并且拼接经理ID。这样下拉框改变事件就完成了。