如何将javascript变量的值分配给php变量答案

【问题标题】：How to assign the value of a javascript variable to a php variable如何将javascript变量的值分配给php变量
【发布时间】：2011-01-20 12:36:58
【问题描述】：

我有一个表格。

<form action="inc/genxml.php" method="post">
      <input id="nameTxt" name="name" type="text" value="test"/>
      <button id="nameSave" class="left">Save</button>
</form>

还有一个div元素#name

当我单击保存按钮时，我想将 div #name 的位置传递给表单操作文件。为了获得位置，我使用 jQuery .position()。

如下所示。（它只是打印出坐标）

$('#nameSave').click(
    function() {
        var pos = $('#name').position();
        alert("left: " + pos.left + ", top: " + pos.top );
    }
);

我想将坐标值（pos.left 和 post.top）传递给表单操作文件（在本例中为文件 genxml.php）。

我该怎么做？

【问题讨论】：

标签： php javascript jquery

【解决方案1】：

最简单的方法是使用隐藏的输入字段并使用 jQuery 设置此输入字段或您的情况下的这些输入字段的值。

HTML：

<form action="inc/genxml.php" method="post">
    <input id="nameTxt" name="name" type="text" value="test"/>
    <input id="posLeft" name="posLeft" type="hidden" />
    <input id="posRight" name="posRight" type="hidden" />
    <button id="nameSave" class="left">Save</button>
</form>

JS：

$('#nameSave').click(
    function() {
        var pos = $('#name').position();
        $('#posLeft').val(pos.left);
        $('#posRight').val(pos.right);
    }
);

【讨论】：

【解决方案2】：

在表单中添加两个隐藏输入并使用 jQuery 更改它们的值

【讨论】：

【解决方案3】：

试试这个：

var pos = $('#name').position();
$("form").append('<input type="hidden" name="name_position" value="' + pos.left + ',' + pos.top + '" />');

然后从服务器端代码中的POST数据中读取name_position值。

【讨论】：