在 div id 中放置一个名称值

Question

这里是 index.php 中打开 Modal 表单的 BUTTON；

<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-success model_open" data-btnval = "#01" 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 );
});

这是与按钮值“#01”相呼应的模态形式

<!-- Modal header starts -->                                                
                    <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>MODAL FORM</h4>
                            </div>
                                <div class="modal-body" style="padding:10px 10px;">
<!-- Modal header ends -->

            <div id="btnval"></div> <!-- Echo the button value "#01" -->

<!-- Modal Application form starts -->  
                 <div class="modal-body">

                        <div class="modal-body">
                        <form action="confirmation.php" method="get" enctype="multipart/form-data">

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

            <input type="submit" class="btn btn-success pull-right" value="NEXT">

当点击Modal Form中的NEXT按钮时，将进入第二页显示Modal form中的所有信息以及按钮值“#01”；

<form id="main-contact-form1"  style="background-color: #f0f8ff; padding: 20px;" class="contact-form1" name="contact-form1" method="post" action="sendappli.php" role="form">   


                      <div class="label-field-pair">
                        <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>

在发送到我的电子邮件地址之前检查提供的信息。

问题：我无法从<div id="btnval"> 获取“btnval”的值，需要有一个名称才能获取其值并将其回显到第二页的<?php echo $GET[posible name of btnval];?/>????

Answer 1

看下面的代码

var div= document.getElementById('btnval');
div.setAttribute('name', 'sample');

或：

document.getElementsByTagName("DIV")[0].setAttribute("name", "sample");

Answer 2

使用load方法获取从first page到second page的div

$("#div").load("/firstpage.html #btnval");

在第二页使用id 加载div

Answer 3

您可以改用数据属性。

<div id="btnval" data-name="sample">

然后你可以使用jquery将它作为url参数传递到另一个页面，然后使用它，

<?php echo $_GET["sample"]; ?>

Answer 4

试试这个代码，

1) 索引.php

<div id="btnval">Hello This My Div</div>

<script type="text/javascript">
    var div = document.getElementById('btnval');
    div.setAttribute('name', 'sample');
</script>

2) 演示.php

<?php
include 'index.php'; // include your other files
?>
<script type="text/javascript">
    console.log(document.getElementById('btnval').innerHTML);
    var div = document.getElementById('btnval');
    console.log(div.getAttribute('name'));
</script>