如何獲取 Div 元素值

Question

我有一個div

<div id="claimamount"></div>

從 javascript 中獲取價值

 var directTime = <?=($domedo)?>;

哪個輸出為

<div id="claimamount">50</div>

這個 div 在一個表單中，當我提交表單時，我需要從這個 div 中獲取值作為 $_POST

我如何在表單提交時獲得這個值

Answer 1

最好的方法是使用 input 而不是 div，但是您可以在表單提交時添加 input 包含 div 的值。 在這種情況下，發送的創建輸入的值。

<form id="myfrom">
  <div id="claimamount">50</div>
  <button>Submit</button>
</form>

$("form").submit(function(e){
  var val = $("#claimamount").text();  
  $('<input />').attr('type', 'hidden').attr('name', "divValue").attr('value', val).appendTo('#myfrom');
  return true;
});

Answer 2

您可以創建一個助手來向您的表單添加一些元素內容

function sendElementContent(elementId, form) {
  var input = document.createElement('input');
  input.name = elementId;
  input.value = document.getElementById(elementId).textContent;
  input.type = 'hidden';
  form.appendChild(input);
}

用法

sendElementContent('claimamount', document.querySelector('form'));

它將添加一個帶有div#claimamount內容的隱藏輸入。 您可以在$_POST["claimamount"]檢索值

不可重復使用的版本：

<script>
var form = document.querySelector('form');
var claimamountDiv = document.querySelector('#claimamount');
form.addEventListener('submit', function() {
   var input = document.createElement('input');
   input.type = 'hidden';
   input.name ='claimamount';
   input.value  = claimamountDiv.textContent;
   form.appendChild(input);
});
</script>