Question

由于我的网络风格，我不想使用input＆amp; textarea并使用$_POST[]获取信息，我需要获取DIV元素中的信息。

例如，我希望获得以下信息：

<div class="mine" name"myname">
this is information that i want to get and put into database by PHP ! 
</div>

和：

$_POST[myname];

但是我不能用$ _POST来做，我怎么能这样做？

如果此方法无法执行此操作，您是否知道从DIV获取此类信息的任何其他方法？

Answer 1

您可以调用onsubmit函数并在表单提交时创建一个隐藏字段

<强> HTML 需要为您的表单id="my_form"

提供ID

<form action="submit.php" method="post" id="my_form">
<div class="mine" name"myname">
this is information that i want to get and put into database by PHP ! 
</div>
<input type="submit" value="submit" name="submit" />
</form>

Jquery 致电提交表格

$(document).ready(function(){
   $("#my_form").on("submit", function () {
        var hvalue = $('.mine').text();
        $(this).append("<input type='hidden' name='myname' value=' " + hvalue + " '/>");
    });
});

PHP ：submit.php

echo $_POST['myname'];

Answer 2

您需要一些JavaScript来完成这项工作，例如使用jQuery：

$.post('http://example.org/script.php', {
  myname: $('.mine').text()
});

它会将<div>内的文字提交到您选择的脚本中。

Answer 3

您可以使用此方法。首先，javascript获取<div>

的内容

代码：

<script type="text/javascript">
     var MyDiv1 = Document.getElementById('DIV1');
</script>

<body>
     <div id="DIV1">
          //Some content goes here.
     </div>
</body>

使用ajax将此var发送到使用get或post方法的页面。

Answer 4

您可以使用以下结构;

<强> JS：

$(document).ready(function() {
    $("#send").on("click", function() {
        $.ajax({
            url: "your_url",
            method: "POST",
            data: "myname=" + $(".mine").text(),
            success: function(response) {
                //handle response
            }
        })
    })

})

<强> HTML：

<div class="mine" name"myname">
this is information that i want to get and put into database by PHP ! 
</div>

<input type="button" name="send" id="send" value="Send"/>

您可以在此处查看模拟： http://jsfiddle.net/cubuzoa/2scaJ/

Answer 5

在jquery中执行此操作

$('.mine').text();

并使用ajax发布数据。

Answer 6

将DIV的内容放在如下变量中：

var x = document.getElementById('idname').innerHTML;

$ _POST用于DIV元素中的文本

6 个答案: