下拉框联动

一,表结构

信息都在一个表里(包含字段:主键Id,地区名称,BId)

表中地区名称有省,市,区级全在一个表中

省级的主键Id一般设为0   (获取省下拉框只用加where条件查到的就都是省的信息了)

市级的BId:对应省级的主键Id

区级的BId:对应市级的主键Id

 

二,下拉框方法(只需要一个方法)

  //id是表中的BId

  public List<DiQu> DiQuXiaLa(int id)
  {
    return db.DiQu.Where(u => u.DDId == id).ToList();
  }

 

三,见代码

$(function () {
      XiaLa(0, "Sheng");
  })
?
  function Shi() {
      var id = $("#Sheng").val();
      $("#Shis").empty();
      $("#Shis").append(‘<option>请选择</option>‘);
      XiaLa(id, "Shis");
  }
?
  function XiaLa(Id, DZ) {
      $.get(‘http://localhost:53016/api/Values/DiQuXiaLa/‘ + Id + ‘‘, u => {
          $(u).each(function () {
              $("#" + DZ + "").append(‘<option value="‘ + this.DId + ‘">‘ + this.DName + ‘</option>‘);
          })
      })
  }

 

 

注:结束

$(function () {        XiaLa(0, "Sheng");    })
    function Shi() {        var id = $("#Sheng").val();        $("#Shis").empty();        $("#Shis").append(‘<option>请选择</option>‘);        XiaLa(id, "Shis");    }
    function XiaLa(Id, DZ) {        $.get(‘http://localhost:53016/api/Values/DiQuXiaLa/‘ + Id + ‘‘, u => {            $(u).each(function () {                $("#" + DZ + "").append(‘<option value="‘ + this.DId + ‘">‘ + this.DName + ‘</option>‘);            })        })    }

下拉框联动

上一篇:// 08字符串的扩展改进


下一篇:es6总结