Javascript 在Modalbox中发布表单字段

Javascript 在Modalbox中发布表单字段,javascript,html,css,twitter-bootstrap,Javascript,Html,Css,Twitter Bootstrap,我有一张订阅表,上面的人填写姓名和电子邮件地址。当这个人点击“立即竞争”时,会出现一个弹出窗口。在这里,您需要标记是否有车间和您的邮政编码 表单正在按其应有的方式运行 但我希望电子邮件和名字也显示在modalbox中,如下所示: 有人有什么好的建议吗?我没有访问后端代码的权限,因此必须在前端添加代码 有一个 $('#myModal').on('show.bs.modal',function(){ $('#myInput').focus(); }); $('btn subscribe')。在(

我有一张订阅表,上面的人填写姓名和电子邮件地址。当这个人点击“立即竞争”时,会出现一个弹出窗口。在这里,您需要标记是否有车间和您的邮政编码

表单正在按其应有的方式运行

但我希望电子邮件和名字也显示在modalbox中,如下所示:

有人有什么好的建议吗?我没有访问后端代码的权限,因此必须在前端添加代码

有一个

$('#myModal').on('show.bs.modal',function(){
$('#myInput').focus();
});
$('btn subscribe')。在('click',function()上{
设navn=$('#navn').val();
让email=$('#email').val();
let workshop=$('mce VAERKSTED').val();
设zip=$('#mce-zip').val();
窗口警报(navn+'-'+电子邮件+'-'+车间+'-'+邮政编码);
});
。时事通讯块{
背景色:#7c7c;
}
.通讯标题h2{
填充底部:24px;
字号:2em;
}
.通讯副标题{
字体大小:16px;
}
.padd-70-70{
填充顶部:70px;
垫底:70px;
}
.订阅表格{
宽度:100%;
}
.订阅表单.表单控件{
边界半径:0px;
}
.订阅表单按钮{
边框:2px实心#e4a228;
背景:#e4a228;
文本转换:大写;
颜色:#fff;
文本对齐:居中;
宽度:100%;
填充:0.4em;
}

加入套房度假,享受免费的
旅游新闻和特别优惠! 秘密交易-仅针对我们的订户…此外,它是免费的 现在比赛 &时代; 情态标题 研讨会*
  • Nej
邮政编码* 接近 订阅
因为这只是纯JS和HTML,所以您可以这样做

$('#myModal').on('shown.bs.modal', function() {
  $('#navnModal').val($('#navn').val());
  $('#emailModal').val($('#email').val());
  $('#myInput').focus();
});


...

您的代码段错误。您必须包括jQuery库。在选项中,在左边。非常感谢你的回答。是否无法在表单字段中设置值,因为刚刚键入了值?现在表单被禁用,并且在表单中显示“电子邮件”和“Din电子邮件”。
      <div class="modal-body">
          <input type="text" id="navnModal" class="form-control" placeholder="Navn" disabled>

          <input type="email" id="emailModal" class="form-control" placeholder="Din e-mail" disabled>
          ...