ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

二级联动和图片上传

2021-08-15 21:04:39  阅读:121  来源: 互联网

标签:视图 点击 名称 联动 上传 下拉框 图片


二级联动

二级联动的做法其实和下拉框一样,只是再第一个下拉框添加一个点击事件,当点击第一级之后,根据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>")
          })
      })
  }

图片上传

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

在视图中的写法:

 

标签:视图,点击,名称,联动,上传,下拉框,图片
来源: https://www.cnblogs.com/zxy001126/p/15144695.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有