从第一个页面获取按钮的值,并将其回显到模态框和第二个页面。
从第一个页面获取按钮的值,并将其回显到模态框和第二个页面。
我知道对你们中的一些人来说,这个问题很简单,但是我用了一个星期的时间来找出正确的代码,使其能够正常工作。
在1stpage.php中,有多个带有不同值的按钮:
点击这些按钮可以在页面内打开模态表单。
$(document).on("click", ".model_open", function () { var btnval = $(this).data('btnval'); $(".modal-body #btnval").text( btnval ); $('#hiddenid').val(btnval ); });e here
在模态表单中,你将看到当前按钮的值被回显在表单上,这是由于脚本和以下代码实现的:
问题的出现原因:
在第一个页面上获取按钮的值,并将其传递到模态框和第二个页面。
解决方法:
尝试将值保存在cookie中,并在第二个页面上调用cookie。
以下是一篇文章的整理:
在开发网页的过程中,有时我们需要从一个页面获取按钮的值,并将其传递到其他页面或模态框中。这可能会遇到一些困难,但通过保存值到cookie并在第二个页面中调用cookie,我们可以解决这个问题。
首先,我们可以使用jQuery来保存值到cookie。下面是保存值到cookie的代码:
$.cookie('buttonValue', $('#buttonId').val());
在上面的代码中,我们使用了jQuery的.cookie()函数来保存按钮的值。我们传递了两个参数,第一个参数是cookie的名称,这里我们将其命名为'buttonValue'。第二个参数是按钮的值,我们使用了jQuery的.val()函数来获取按钮的值。
接下来,在第二个页面中,我们可以调用保存在cookie中的按钮值。下面是在第二个页面中调用cookie的代码:
var buttonValue = $.cookie('buttonValue');
在上面的代码中,我们使用了与保存cookie相同的名称'buttonValue'来调用cookie,并将其赋值给变量'buttonValue'。
通过这种方法,我们可以很容易地从第一个页面获取按钮的值,并将其传递到模态框和第二个页面中。
然而,如果你对使用cookie感到困惑,也有其他的方法来实现相同的功能。例如,你可以在第一个页面中将按钮的值作为参数传递到链接或表单中,并在第二个页面中使用$_GET来获取值并进行处理。
获取第一个页面按钮的值并将其传递到模态框和第二个页面是一个常见的需求。通过保存值到cookie并在第二个页面中调用cookie,我们可以轻松解决这个问题。此外,还有其他的方法可以实现相同的功能,如将值作为参数传递到链接或表单中,并在第二个页面中使用$_GET来获取值。
希望这篇文章对你有帮助!
问题出现的原因:
- 页面1中的按钮点击事件会将按钮的值传递给模态框,然后在模态框中将按钮的值放入隐藏的input标签中。
- 在页面2中,使用PHP代码打印出请求的参数,其中包括隐藏的input标签中的值。
问题的解决方法:
- 在页面1中,使用jQuery代码获取按钮的值,并将其赋给隐藏的input标签。
- 在页面2中,使用PHP代码打印出请求的参数,其中包括隐藏的input标签中的值。
以下是解决问题的详细步骤:
1. 在页面1的HTML代码中,添加一个按钮,并给该按钮添加一个数据属性"data-id",值为"#03"。
2. 在模态框的HTML代码中,添加一个隐藏的input标签,并设置name属性为"whatyouwant",id属性为"whatyouwant",value属性为空。
3. 在页面1的jQuery代码中,使用事件委托的方式,当按钮被点击时,获取按钮的值,并将其赋给隐藏的input标签。
4. 在页面2的PHP代码中,使用print_r函数打印出请求的参数,包括隐藏的input标签中的值。
文章整理如下:
在页面1中,我们想要通过点击按钮获取按钮的值,并将其传递给模态框和页面2。为了实现这个目标,我们需要在按钮的HTML代码中添加一个数据属性"data-id",并设置其值为"#03"。同时,在模态框的HTML代码中,我们添加了一个隐藏的input标签,用于存储按钮的值。我们使用jQuery代码来监听按钮的点击事件,并在事件发生时获取按钮的值,并将其赋给隐藏的input标签。
在页面2中,我们使用PHP代码来打印出请求的参数,包括隐藏的input标签中的值。通过打印请求的参数,我们可以验证按钮的值是否成功传递给了页面2。
通过在页面1中添加按钮的数据属性,并在模态框中添加隐藏的input标签,我们可以获取按钮的值并将其传递给模态框和页面2。通过使用jQuery代码和PHP代码,我们可以实现这个功能,并验证传递的值是否正确。