如何將javascript變量的值分配給php變量

Question

我有表格

<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文件）。

我應該怎么做？

Answer 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);
    }
);

Answer 2

在表單中添加兩個隱藏的輸入，並使用jQuery更改其值

Answer 3

嘗試這個：

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

然后從服務器端代碼中的POST數據中讀取name_position值。