MVC下拉框数据绑定

在设计网页页面的的时候，为了给用户选择的余地，往往会设置一些下拉框的选择项。给用户通过点击下拉框选择所需要的项。利用下拉框，可以让页面布局更为简洁，看起来更为美观。（如下图）相关代码贴图来自课堂学习
那么下面我们来实现下，下拉框的数据的绑定吧
页面里的样式是layui的样式，在页面的html里我们往往只是给了下拉框的选择一个id，用作找到她（这个框）的方式。

数据查询
那页面点击的选择项，从何而来呢？当然是从数据库中来的。那我们便需要在数据库中将数据查询出来。例如学院下拉框里需要的是学院，那么我们只需要把学院表的数据查询出来。

在查询得到数据中，有我们需要的“学院名”，但计算机通过id来确认值，（简单来说那些我们需要的是字符，可计算机需要的是id来确定唯一的值）那么如何处理她呢？我们就需要一个实体来处理，SelectVo，里面设置：选中值以及显示值。选中值那便是这个学院的id值，因为大家都知道数据库里的id是唯一的。而显示值是给我们看的。
拼接“请选择”项
为了给用户清晰的提示，我们需要再给她拼接一个请选择的项，明确的告诉用户这是可以选择的。这里拼接请选择的项。拼接完成后，将返回json格式的处理后的listAcademe。

拼接请选择的项，一方面是为了提示作用，另一方面那便是，在多个下拉框选择的时候，用户只在，某一个下拉框进行了选择，而其她没选择的项，我们需要给“没选择”到的项一个默认值。这样就可以让计算机确定是否改变了。那我们就设置工具类实体，tools：里创建列表对象以及实体对象，详情如下图

数据拼接
获取到我们在页面的select的id名，通过id名获取到select。方法调用createSelect里封装好的方法，从而实现下拉框数据的绑定。如果我们要在第一个下拉框改变后，让第二个下拉框也随着第一个下拉框的改变而改变的话，那们就使用jQuery的方法，在#searchAcademeID发生改变后，获取到#searchAcademeID的值，再获取页面上的#searchGradeID，拼接控制器路径把或取到的改变的值，作为查询条件的值，传到控制器进行查询。

总结：
下拉框选择项，可以让页面看起来更美观实用。下拉框数据的绑定，是通过查询数据把下拉框所需的查出来，查出来的既有id也有值。我们需要值，计算机需要id。那就需要一个实体来让我们既能获取到id，也能把值显示出来。在点击下拉框的时候能让计算机，获取到对应文本背后的id值。