Javascript 如何获取Div元素值

Javascript 如何获取Div元素值,javascript,php,html,forms,Javascript,Php,Html,Forms,我有一个div <div id="claimamount"></div> 它从javascript获取值 var directTime = <?=($domedo)?>; var directTime=; 哪个输出为 <div id="claimamount">50</div> 50 这个div在一个表单中,当我提交表单时,我需要从这个div以$\u POST的形式获取值 如何在表单提交时获得此值最好的方法是使用inpu

我有一个div

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

它从javascript获取值

 var directTime = <?=($domedo)?>;
var directTime=;
哪个输出为

<div id="claimamount">50</div>
50
这个div在一个表单中,当我提交表单时,我需要从这个div以$\u POST的形式获取值


如何在表单提交时获得此值

最好的方法是使用input而不是div,但您可以在表单提交时添加input contain div值。在这种情况下,已发送的已创建输入的值

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

50
提交
$(“表格”)。提交(功能(e){
var val=$(“#索赔额”).text();
$('').attr('type','hidden').attr('name','divValue').attr('value',val.).appendTo('#myfrom');
返回true;
});

您可以创建一个帮助器,将一些元素内容添加到表单中

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

它将添加一个带有
div#mount
内容的隐藏输入。您可以在
$\u POST[“索赔装载”]

不可重复使用的版本:

<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>

var form=document.querySelector('form');
var claimermountdiv=document.querySelector(“#claimermount”);
form.addEventListener('submit',function(){
var input=document.createElement('input');
input.type='hidden';
input.name='mount';
input.value=solimountdiv.textContent;
表单。追加子项(输入);
});

您需要
输入
标记!not
div
@john如果你被div卡住了,那么你需要用javascript处理表单提交,你可以用javascript获取html值,比如var text=$(“#fclaimamount”).text()。JS只是将
directtime
赋值给PHP值。在哪里使用它修改DOM?您的表单和提交部分在哪里?您有一部分是正确的,但我需要以$\u POST的形式获取值,而不是jquery表单提交更好的需要php@john如果表单带有
method=“post”
,这将很好地工作。我收到错误通知:未定义索引:索赔装载在。。。我认为没有预定义的值,因为这个div元素从javasscript var动态获取值,所以我们需要在其中定义val吗?@john您应该通过
$\u post
数组获取post值。输入的名称是数组的键。在代码中,你应该使用
$\u POST[“divValue”]
。我不擅长php,你能告诉我如何在我的页面中使用“用法”部分,并且应该在php页面中添加功能吗?这不是php,而是Javascript代码,我用完整的代码对你进行了编辑,你只需在页面中添加脚本,就可以了
$bonval=$\u POST['Claimumount'];
结果提示:未定义索引:Claimumount in/
<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>