下拉框的改变事件

下拉框的改变事件

开发工具与关键技术:VS、下拉框的改变事件
作者:黄桂康
撰写时间:2019.04.15

change事件
(父与子的关系)
change事件就是在当元素的值发生改变时,就会触发change事件。
是由两个下拉框形成的,当A下拉框发生改变时触发B,B下拉框才能改变。如果A下拉框不发生改变,则B下拉框也不发生改变。
下截图是准备了两个下拉框,A(公告类型)下拉框页面加载的时候就出现“—请选择”,而B(类型明细)下拉框则没有,是因为A下拉框还没发生改变。
在这里插入图片描述
当A下拉框发生改变时,如下截图:
在这里插入图片描述
父元素发生改变,子元素也随之改变。整体的内容就这样!下面开始进入代码。
在这里插入图片描述
第一步:还是在控制器定义方法,查询下拉框数据的表,用的是单表查询:我们要查询的是公告类型的数据,就查询公告类型那张表。
public ActionResult SelectNoticeType(){
var listSelectNoticeType = (from tbNoticeType in myModels.SYS_NoticeTypeTable
select new {
id = tbNoticeType.NoticeTypeID,
text = tbNoticeType.NoticeTypeName,
}).ToList();
return Json(listSelectNoticeType,JsonRequestBehavior.AllowGet);
}//查询公告类型
注意:用Models要记得先实例化Models.
既然是要用两个下拉框,A.B下拉框,上面是查询公告类型的数据,那就还要查询类型明细的数据,如下:和公告类型也是一样,就表不一样,字段不一样…
public ActionResult SelectNoticeTypeDetail(){
var listSelectNoticeTypeDetail = ( from tbNoticeTypeDetail in myModels.
SYS_NoticeTypeDetail select new {
Id = tbNoticeTypeDetail.NoticeTypeDetailID,
Text = tbNoticeTypeDetail.NoticeTypeDetailName,
}).ToList();
return Json(listSelectNoticeTypeDetail,JsonRequestBehavior.AllowGet);
}//查询类型明细
第一步主要的就是查询。
第二步:获取方法/数据,回到html页面,在script标签里面,我们要的是页面一加载就出现执行我们的效果,所以就定义一个加载事件,
$(document).ready(function(){
//行为内容
})//页面加载事件
当然啦!我们一般都是写简写模式的页面加载事件。直接定义。

你可能感兴趣的:(专题技术)