二级联动和图片上传

二级联动

二级联动的做法其实和下拉框一样,只是再第一个下拉框添加一个点击事件,当点击第一级之后,根据value的值查找他所对应的数据。

在DAL层做下拉框的时候,给一个条件,根据条件查询所需要的值

例如:

public List<Department> departmentShow(int id)
      {
          return db.department.Where(u => u.Pid == id).ToList();
      }

在页面使用 onchange 点击事件调用方法当选中之后再执行,

function 方法名() {
      $.get("地址" + $("#第一个下拉框的名称").val(), res => {
          $("#第二个下拉框的名称").empty();
          $("#第二个下拉框的名称").append("<option>请选择</option>");
          $(res).each(function () {
              $("#第二个下拉框的名称").append("<option value='" + 主键ID + "'>" + 数据名称 + "</option>")
          })
      })
  }

图片上传

再控制器中需要获取图片的名称,以及要存入的地址,组成一个完整的存放图片的路径,当需要上传后显示时,需要有一个像视图返回的过程

在视图中的写法:

 

posted @ 2021-08-15 20:25  金鑫小李逵  阅读(39)  评论(0)    收藏  举报