Question

我有一个div

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

从javascript获取价值

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

哪个输出为

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

这个div在一个表单中，当我提交表单时，我需要从这个div中获取值为$ _POST

如何在表单提交中获取此值

Answer 1

最好的方法是使用输入而不是div，但是您可以在表单提交时添加包含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>

如何获得Div元素值

2 个答案: