下拉框可以说是项目中最普遍的一个元素基本上无论哪一款网页、软件都会用到下拉框,我目前做的项目就用到了很多下拉框,通过下拉框我们确定的保住数据的准确
首先呢我们得有个Select下拉框,给个ID进去后面是要用到的
下拉框的方法,用到的就是getJSON提交,那么要怎么说我就来说说了,要用到下拉框就要把需要的下拉框内容查询出来,下面就是利用getJSON提交和绑定方法绑定好的了
这个方法是可以通过用插件完成也可以直接在JS代码里面写
如果要直接引用插件的话,只需要用到下面这条
这是在JS代码里面写的
接下来呢就是去控制器把需要的性别内容查出来
public ActionResult XingBie()//性别
{
var XLK = (from XB in myModels.GenderList
select new
{
id = XB.GenderID,
text = XB.Gender
}).ToList();
return Json(XLK, JsonRequestBehavior.AllowGet);
}
通过上面这几条代码我们就可以查出性别的内容了
视图层代码:用于接收控制器传过来数据
$(function () {
AppendOption是getJSON提交上面的方法,前面的xingbie是Select下拉框里面的ID,后面一个就是控制器的方法
appendOption(“xingbie”, “XingBie”);//性别
});
效果图:
下拉框绑定数据
最新推荐文章于 2022-06-05 22:54:52 发布