从第一页获取按钮的值并将其回显到模态和第二页

Question

我知道你们中的一些人这个问题很容易解决，但我会在一周内找出哪些代码可以很好地运行它。

在 1stpage.php 中有多个不同值的按钮

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#myModal" data-toggle="modal" value="#01" name="btn" class="button2 btn btn-primary model_open" data-btnval = "#01" aria-hidden="true" data-dismiss="modal" >form</a>

<a href="#myModal" data-toggle="modal" value="#02" name="btn" class="button2 btn btn-success model_open" data-btnval = "#02" aria-hidden="true" data-dismiss="modal" >form</a>

<a href="#myModal" data-toggle="modal" value="#03" name="btn" class="button2 btn btn-warning model_open" data-btnval = "#03" aria-hidden="true" data-dismiss="modal" >form</a>

可以在页面内打开模态表单

  $(document).on("click", ".model_open", function () {
    var btnval = $(this).data('btnval'); 
   $(".modal-body #btnval").text( btnval );
$('#hiddenid').val(btnval ); 
});e here

在模态表单上，由于脚本和此代码，您会看到表单上回显的当前值按钮

<div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" 
tabindex="-1" id="myModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header1" style="padding:10px 15px;">
         <button type="button" class="close" data-dismiss="modal" >&times;
         </button>
    <h4><span class="glyphicon glyphicon-pencil"></span> FORM</h4>
</div>
<div class="modal-body" style="padding:10px 10px;">

<h6 class="sub-heading-2 tiny text-medium text-center-xs">

<?php
    $divName="btnval";
    echo "<div id=$divName></div>"; <!-- echoing the button value -->
?>
 <div class="modal-body">

<form action="2ndpage.php" method="get" enctype="multipart/form-data">

<div class="col-sm-6">
  <div class="form-group">
    <label for="lname">Name</label>
      <input type="text" class="form-control" name="lname" id="lname" 
      required="required" placeholder="Name">
  </div>
</div>

<input type="submit" id="btn-next" class="btn btn-success pull-right" 
 value="NEXT"> 
</form>

在 Modal 表单上有 NEXT 按钮，您将进入 2ndpage.php 以查看并仔细检查您在表单中提供的信息，以及您从第一页单击的 Value 按钮。

 <div class="label-field-pair">
<label>Name</label>
<input class="form-control" id='name' name='name' value='<?php echo 
$_GET["name"]; ?>'  />
</div>

<div class="label-field-pair">
<label>ID</label>
<input class="form-control" id='id' name='id' value='<?php echo 
$_GET["btnval"]; ?>'  />
</div>

这看起来很简单，但我找不到一个好方法。我用其他人的代码尝试了很多代码，以获取当前按钮的名称值以在 2ndpage.php 上回显，但我总是出错。

已解决： 第一页.php

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

按钮启动

<a href="#myModal" data-toggle="modal" value="#01" name="btn" class="button2 btn btn-primary model_open" data-btnval = "#01" aria-hidden="true" data-dismiss="modal" >form</a>
<a href="#myModal" data-toggle="modal" value="#02" name="btn" class="button2 btn btn-success model_open" data-btnval = "#02" aria-hidden="true" data-dismiss="modal" >form</a>
<a href="#myModal" data-toggle="modal" value="#03" name="btn" class="button2 btn btn-warning model_open" data-btnval = "#03" aria-hidden="true" data-dismiss="modal" >form</a>

使用此脚本获取当前按钮 id

$(document).on("click", ".model_open", function () {
            var btnval = $(this).data('btnval'); 
           $(".modal-body #btnval").text( btnval );
        $('#hiddenid').val(btnval); 
        });

模态形式

<div class="modal-body">
<form action="2ndpage.php" method="get" enctype="multipart/form-data">
<h6>
    <?php
            $divName = "btnval";
                echo '<div id="'.$divName.'"></div>';
    ?>
</h6>
<input type="hidden" name="id" value="<?php echo $divName; ?>">
<input type="hidden" id="hiddenid" name="btnval">
<div class="form-group">
    <input type="text" class="form-control" name="name" id="name"         
    required="required" placeholder="Name">
</div>
<input type="submit" class="btn btn-success" value="NEXT"></form></div>

第二页.php

<label>ID</label>
  <input class="form-control" id='id' name='id' value='<?php echo 
     $_GET["btnval"]; ?>'/>
</div>
 <div class="label-field-pair">
<label>NAME</label>
  <input class="form-control" id='name' name='name' value='<?php echo 
     $_GET["name"]; ?>' />
</div>

Answer 1

尝试将值保存在 cookie 中并在第二页调用 cookie。

Answer 2

你发送一个隐藏值怎么样？

触发器：

  <a data-toggle="modal" data-id="#03" title="Add this item" class="button2 btn btn-warning model_open" href="#myModal">test</a>

模态：

<form action="2ndpage.php" method="get" enctype="multipart/form-data">

 <div class="col-sm-6">
  <div class="form-group">
   <label for="lname">Name</label>
    <input type="text" class="form-control" name="lname" id="lname" 
    required="required" placeholder="Name">
  </div>
  <input type="hidden" name="whatyouwant" id="whatyouwant" value=""/>
 </div>

 <input type="submit" id="btn-next" class="btn btn-success pull-right" value="NEXT"> 
</form>

jquery:

 $(document).on("click", ".model_open", function () {
    var btnval = $(this).data('id');
    $(".modal-body #whatyouwant").val(btnval);
 });

在第二页.php：

1. 回声值

   <?php
     echo "<pre>";
     print_r($_REQUEST);
     echo "</pre>";
   ?>
   

2. 输出。

   Array
   (
      [lname] => sdsa
      [whatyouwant] => #03
   )