Javascript 将div转换为生成链接的GET表单

我正在开发一个包含预订小部件的网站，但我需要将其转换为一个GET表单，该表单打开一个包含信息的url。我对编码知之甚少，所以我在尝试编码时遇到了困难。代码如下：

其想法是，单击按钮时，将生成以下URL：

示例：2019年1月22日入住，2019年1月25日退房，2名成人和1名儿童：

有什么想法吗？这可能很简单，但我想维护所有css，我不知道如何从表单生成URL。谢谢你的帮助

//日期选择器
// ------------------------------------------------------
//默认日历名称空间
var dateFormat=“d M yy”，
dateArrival=“#dateArrival输入”，
日期出发=“#日期出发输入”，
dateArrival='#dateArrival.date值'，
dateDepartureVal='#dateDeparture.date值'；
//显示到达日历
$（dateArrival）.datepicker({
minDate：“D”，
dateFormat:dateFormat，
//获取所选出发日期的值
onSelect：函数（txt，inst）{
$（dateDepartureVal）.html（txt）；
$（dateArrival.html（$（dateArrival.val（））；
},
onClose：函数（selectedDate）{
$（日期离开）。日期选择器（“选项”，“minDate”，selectedDate）；
}
});
//显示出发日历
$（日期离开）。日期选择器({
minDate：“D”，
dateFormat:dateFormat，
//获取所选返回日期的值
onSelect：函数（txt，inst）{
$（dateDepartureVal）.html（txt）；
$（datedepartitionval）.html（$（datedepartition.val（））；
}
});
//设置当前日期
$（'.datepicker'）.datepicker（'setDate'，'today'）；
//从出发点获取当前值
$（dateArrival.html（$（dateArrival.val（））；
//从返回中获取当前值
$（datedepartitionval）.html（$（datedepartition.val（））；
//隐藏返回输入字段
updateGuestNumber（）；
//更新客人名单号码
//客人
// -------------------------------------------------------
变量$guests=$（'.guests'），
$guestList=$（'.guests.guestList'）；
//来宾列表toogle事件-下拉列表
$（'.guests.result'）。在（'click'，函数（e）上{
e、 停止传播（）；
$guests.toggleClass（“show”）；
if（$guests.hasClass（'show'））{
$guestList.fadeIn（）；
}否则{
$guestList.fadeOut（）；
}
});
//在页面上单击关闭
$（'.qty apply'）。在（“单击”，函数（e）{
$guestList.fadeOut（）；
$guests.removeClass（“show”）；
});
//数量（添加或删除客人编号）
// -------------------------------------------------------
$（'.qty plus'）。添加（'.qty减号'）。打开（“单击”，函数（e）{
e、 预防默认值（）；
变量$this=$（this），
fieldName=$this.attr（'data-field'），
$input=$（'input#'+字段名）；
var currentVal=parseInt（$input.data（'value'），10），
ticketType=$input.data（'ticketType'）；
如果（！isNaN（currentVal））{
var isChanged=false，
数值=0；
if（$this.hasClass（'qty-plus'）和¤tVal<12）{
值=当前值+1；
isChanged=true；
}
if（$this.hasClass（'quaty-减号'）&¤tVal>0）{
值=当前值-1；
isChanged=true；
}
如果（已更改）{
$input.data（'值'，值）；
$（ticketType）.val（ticketType+'-'+值）；
$input.val（值）；
//更新客人号码
updateGuestNumber（）；
}
}
});
//乘客结果
函数updateGuestNumber（）{
var成人=$（“#成人票”）.val（），
children=$（“#记录子项”）.val（），
数量=$（“#数量结果”）；
数量val（parseInt（成人，10）+parseInt（儿童，10））；
//DOM结果
$（“#数量结果文本”）.text（qty.val（））；
}
});
$（窗口）.on（'load'，function（）{
setTimeout（函数（）{
$（'.page loader'）.addClass（'loaded'）；
}, 1000);
});

预订与预订


请选择客人人数


成人16岁以上


2-11岁儿童


所以我去掉了松散的}）；并添加了一个单击：

  $(".btn").on("click",function(e) {
    e.preventDefault();
    // https://sampleurl.com/booking/checkin/checkout/adults/children
    // https://sampleurl.com/booking/2019-01-22/2015-01-25/2/1

    var adults = $('#ticket-adult').val(),
      children =  $('#ticket-children').val();
    if (adults == 0) {
      alert("Please enter number of adults");
      $('#ticket-adult').focus();
    }
    else {
      var url="https://sampleurl.com/booking/"
      var fromDate = $("#dateDeparture input").datepicker("getDate");
      fromDate = $.datepicker.formatDate("yy-mm-dd", fromDate);
      var toDate = $("#dateArrival input").datepicker("getDate");
      toDate = $.datepicker.formatDate("yy-mm-dd", toDate)
      url += fromDate+"/"+toDate+"/"+adults+"/"+children;
      console.log(url); // change to location=url;
    }  
  });


//日期选择器
// ------------------------------------------------------
//默认日历名称空间
var dateFormat=“d-m-yy”，
dateArrival=“#dateArrival输入”，
日期出发=“#日期出发输入”，
dateArrival='#dateArrival.date值'，
dateDepartureVal='#dateDeparture.date值'；
//显示到达日历
$（dateArrival）.datepicker({
minDate：“D”，
dateFormat:dateFormat，
//获取所选出发日期的值
onSelect：函数（txt，inst）{
$（dateDepartureVal）.html（txt）；
$（dateArrival.html（$（dateArrival.val（））；
},
onClose：函数（selectedDate）{
$（日期离开）。日期选择器（“选项”，“minDate”，selectedDate）；
}
});
//显示出发日历
$（日期离开）。日期选择器({
minDate：“D”，
dateFormat:dateFormat，
//获取所选返回日期的值
onSelect：函数（txt，inst）{
$（dateDepartureVal）.html（txt）；
$（datedepartitionval）.html（$（datedepartition.val（））；
}
});
//设置当前日期
$（'.datepicker'）.datepi