【问题标题】:Passing a php variable to a modal将 php 变量传递给模态
【发布时间】:2023-03-18 21:49:01
【问题描述】:

您好,我有一个日历,当我单击日期时,它会打开一个模式窗口,您可以在其中将事件添加到日历中,但是要这样做,我需要将单击的日期传递给模式,以便我可以用户点击提交后,将其添加到我的数据库中。

截至目前,我通过为每个模式回显我的模式代码来做到这一点,即使你查看我的源代码,我有 31 个模式,但我试图通过简单地将日期作为变量传递,将其减少为一个模式。

这是我的模态代码:

由于某种原因,我无法将其格式化以在此处显示,因此我将其发布在此处:http://paste.ee/p/NKlVY

这就是我所说的:

$sCalTblRows .= '<td class="'.$sClass.'" id=""><a data-toggle="modal" data-date="'.$eventdate.'" href="#myModal">'.$iCurrentDay.'<br></br><br></br></td>';

我需要添加或更改什么以便我可以在一个月的所有日期使用一种模式?

【问题讨论】:

  • 你不在模态中使用数据日期?
  • 那是我不知道怎么做的事情,有人告诉我把数据日期放在我的标签中,但那个人没有解释如何使用它:S
  • 你需要使用JS/jQuery来绑定数据,我给你一个代码示例
  • 非常感谢,谢谢!
  • 您只需要 eventdate 到您的模态吗?您希望该值在模态中的哪个位置?哪个dom元素?

标签: javascript php jquery twitter-bootstrap


【解决方案1】:

我不确定我是否理解您的问题,但您可能必须使用 javascript。其实是不行的

你应该有一个模态,当客户选择一个日期时,把这个日期放在Javascript或jQuery的模态中。

jQuery 中的示例(未经测试,但这是逻辑):

$("td.yourtdclass a" ).on("click", function() {
    var choosen_date = $(this).attr('data-date');
    $('.modal-body').html(choosen_date);
});

由于我们没有太多关于您的代码的信息,我无法提供更多帮助,但这是您需要的逻辑;)

编辑:

你的例子:

html 输入:

 <input id="event-data" type="hidden" name="date" value="" />

jQuery:

$( "td.yourtdclass a" ).on("click", function() {
   var choosen_date = $(this).attr('data-event');
   $('#event-data').val(choosen_date);
});

【讨论】:

  • 我需要在哪里将该代码放在模态之前的某个
  • 我编辑了您想要的隐藏输入中的输出。您的模式应该与您的代码在同一页面中,将 jquery 放在文件末尾的脚本标记中,就在
猜你喜欢
  • 2016-12-21
  • 2017-07-23
  • 2015-07-05
  • 2020-01-24
  • 2014-06-21
  • 2016-04-14
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多