從表格中獲取數據HTML

這可能有點難以解釋，但我顯示的是2 x 2的網格。當您單擊單元格文本（比如0,1）時，它會帶來彈出一個框並將這些座標存儲爲隱藏值。那些隱藏的值將通過POST提交給表單。從表格中獲取數據HTML

這是我寫的，希望能夠澄清什麼，我試圖做一些示例代碼：https://jsfiddle.net/v08bzm9k/1/

<table border=1> 
<tr> 
    <td class='grid-cells'><a href='#myPopup' data-rel='popup'>1</a></td> 
    <td class='grid-cells'><a href='#myPopup' data-rel='popup'>2</a></td> 
</tr> 
<tr> 
    <td class='grid-cells'><a href='#myPopup' data-rel='popup'>3</a></td> 
    <td class='grid-cells'><a href='#myPopup' data-rel='popup'>4</a></td> 
</tr> 
</table> 

<div data-role="popup" id="myPopup" class="ui-content" style="min-width:250px;"> 
     <form method="post" action="save-square.php"> 
     <div> 
      <h3>Pick This Square:</h3> 
      <label for="name" class="ui-hidden-accessible">Name:</label> 
      <input type="text" name="name" id="name" placeholder="Name"> 
      <label for="email" class="ui-hidden-accessible">Email:</label> 
      <input type="text" name="email" id="email" placeholder="Email"> 
      <input type="submit" data-inline="true" value="Submit"> 
      <div id='row'></div> 
      <div id='col'></div> 
     </div> 
     </form> 
    </div>

請問我存儲單元格的我點擊進入通過JavaScript的隱藏字段的值是多少？

來源

2016-09-26 Webtron

聽起來很合理，如果這是你需要什麼在後端跟蹤 – charlietfl

我更新https://jsfiddle.net/v08bzm9k/2/

是的，你可以使用隱藏域。在您的形式補充一點：

<input type="hidden" name="coords" id="coords" value="">

加入這個JS給你的頁面：

function setCoords(newCoords) { 
    $('#coords').val(newCoords); 
}

而在你的鏈接，添加一個onClick：

<a href='#myPopup' data-rel='popup' onclick="setCoords('1,1');">1</a>

來源

2016-09-27 00:21:00 Jules

我試圖做出這些調整，但它沒有爲'newCoords'設置'hidden'值。我在JS中放置了一個'alert'，以確保它正在運行，但它實際上並沒有正確改變'hidden'輸入的值。 – Webtron

如果您正在查看源代碼中的值屬性，它將顯示加載頁面時設置的任何值（可能不是）。但是，如果您發佈表單，則應該發現save-square.php腳本接收到$ _POST ['coords']'中的座標。另外，在控制檯中，你可以做一些類似於'jQuery（'[name = coords]'）。val（）'來查看它們已經被更新了。 –

實際上 - 更仔細地看輸入需要一個id - 改變你的輸入形式爲'' - 然後setCoords函數將訪問它並正確更新值 –

從表格中獲取數據HTML

回答

相關問題