Как получить Div элемент Value

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

Non многоразовой версии:

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