下拉框

开发工具与关键技术: VisualStudio 2015 mvc

作者：杨泽平

撰写时间：2019、4、15

Mvc项目中有些地方需要实现下拉框功能，一般查询某些信息的时候会作为查询条件用到，这个功能的实现涉及到数据查询以及绑定。

首先我们写下来框前，要到数据库查询数据库里有哪些你需要的信息，比如，我这个下拉框是查询部门信息的，那么我就要到数据库把部门的信息查询出来，然后通过方法把查询出来的信息数据放到我定义好的select标签里。

下面是写好的标签跟方法，如下图所示：

这个方法，首先createSelect是定义好js方法，第一个参数是上面标签的ID值，第二个参数是控制器的方法路径。

createSelect：封装的js方法，它一共有三个参数，他们分别是：selectId: 填入select标签指定的元素，即ID；url: 填入数据来源，路径，控制器方法；value: 设置值。方法的大体意思是把获取到的数据信息通过拼接的方法放到下拉框里。

方法如下图所示：

接下来我们看一下第二个参数控制器方法，这里控制器方法数据的查询是用单表查询，我创建实体类SelectVo，它里面包含两个值，一个是id为选中值，选择到所查询的表的ID值；另一个text为显示值，把表的名称字段放到text里；我还给下拉框拼接了“请选择”项，这样他开始就会选中拼接的这一项。

控制器方法如下图所示：

控制器方法写完后，把方法URL路径返回到第二个参数里，这样就完成了，最后就是效果了。

如下图所示：