时间:2021-07-01 10:21:17 帮助过:18人阅读
input事件和其他的事件不一样,低版本的ie不支持input事件,只能用propertychange事件,高版本的ie和w3c标准浏览器支持input事件
2.输入事件触发的时候获取数据
这里数据有两种形式,一种是直接设置的对象数组,一种是ajax请求返回数据
这时候我们需要一个ajax请求函数,这里写了一个get请求
3. ajax请求成功,且有数据的时候创建下拉框并在下拉框中追加选项 ////创建下拉Div
创建下拉框代码:
追加选项代码:
上面说的是主要的几步思路,现在看一下怎么将这些代码封装到一个对象中,让它成为插件。这时候我们用到匿名闭包:
主体的代码添加好了,我们把具体的实现代码展示出来:
下面是使用的代码
页面调用
后台代码如下,这里我用的是mvc
public JsonResult Test4(string name) { var list=new List(); list.Add(new Student { id="1",name="aaaaa"}); list.Add(new Student { id = "2", name = "aacc" }); list.Add(new Student { id = "3", name = "aabb" }); list.Add(new Student { id = "4", name = "bbcc" }); if (!string.IsNullOrEmpty(name)) { list = list.Where(p => p.name.Contains(name)).ToList(); } return Json(list,JsonRequestBehavior.AllowGet); }
现在基本的功能实现和调用讲完了,从开始到最后的过程是比较麻烦的,每个方法都是一步步实现,没有引用其他的库,要考虑到各个浏览器的兼容性。
以上就是本文的全部内容,希望对大家的学习有所帮助。