查询&拼接(1)

一．

最近因为需求学会了通过点击某个页面的input标签跳转到另一个页面，并把选择该页面数据回填到input标签里，然后在这里给大家分享出来。

我的效果简单来说就是把选择的床位信息回填到input标签中，在此之前我首先对于这个另一个页面里的床位做了操作，利用拼接的方法对于数据库已有该床位的老人的姓名，护理等级等数据进行拼接到该床位里。

首先对于房号的拼接，由于我这里楼层只有一楼我需要根据楼层来查出有多少个房间，并把房间号拼接到span标签里。

//房号

function tabUse() {

      var Room ="";

     $.get("/NurseWork/NurseManage/SelectRoomByFloorId?BuildingID="+1,function (data) {

   for(var i = 0; i < data.length; i++) {
   Room += '<div class="col-2 biger">' +     '<divclass="one"><iclass="two"></i><divclass="host"><spanstyle="display:inline-block;padding:5px 0 0 75px;">' +data[i].RoomDetail + '</span></div><iclass="three"></i></div>' +
     '<div class="row btns box" id="RoomDetailID' + data[i].RoomDetailID +'">' + '</div>' + '</div>';

      tbBed(data[i].RoomDetailID);
        }
$("#cont").html(Room);  
 });   
}

对于床号的拼接，由于我这里床号需要根据该房号来查出有哪些床位，并把床位BedNum拼接到span标签里。

//床号

function tbBed(data) {

            var bed = "";

           
$.post("/NurseWork/NurseManage/SelectbedByRoomId", {
RoomDetailID: data }, function (e) {

               
console.log("#RoomDetailID" + e[1].RoomDetailID);

      for (var i = 0; i < e.length; i++) {

                    bed += '<div class="col-5 hoster"
id="bed' + e[i].BedNumID + '" onclick="tops(this)">' +

      '<p
class="imger"></p>' +'<span>' + e[i].BedNum +
'</span>' +'</div>';

                }

                $("#RoomDetailID" +
e[1].RoomDetailID).html(bed);

            });

            SelectSencrBybedID();

        }

//查询老人姓名和护理等级拼接到床位里

function
SelectSencrBybedID() {

            var Senior = "";

           
$.get("/NurseWork/NurseManage/SelectSencrBybedId", function
(e) {

                for (var i = 0; i <
e.length; i++) {

                    Senior = ' <p
class="text-right">' + e[i].NurseRankName + '</p>' +

                             '<span
class="text-center">' + e[i].ElderName + '</span>';

                    $("#bed" +
e[i].BedNumID).html(Senior);

                }

            });

        }