绑定下拉框

                                     绑定下拉框
开发工具与关键技术： MVC  绑定下拉框      作者：北雨海棠           撰写时间：2019.07.27

在页面上如何实现下拉框功能？第一步我们在控制器里写上查询该下拉框内容的具体信息，一般都是一张表的里的字段，我们以查询经理为例，例子如下：

我们通过经理ID查询出经理的ID和名称，完成之后就转到我们的页面上，看一下它的HTML代码是怎么写的，我们把它放在一个“form”表单里面，具体写法如下

注：name值要与数据库中的值对应；其中“option”主要是占个坑，让form模块预留“请选择”的提示空间，否则将会把第一项（存在value值）作为默认选中项，可以在“option”的空值项中自定义文本，如：—请选择----。
在

一般推荐用第二种方法，
页面上需要绑定多个下拉框时一般在js里封装一个方法，方法如下：

方法封装好后在页面引用该js，如页面需要绑定下拉框，直接在里面写上这个方法appendOption(“id”,”url”)即可，id为页面该下拉框的id，url为该下拉框的路径，路径具体为区域/控制器/该查询方法。具体如下

可以根据需求而绑定一个或多个下拉框。
效果图如下