Enviar valor de div no formulário enviar

Estou tentando enviar um formulário com algumas inputs diferentes, que funcionam bem. No entanto, uma das inputs é uma área de texto (tipo de). Eu tive que alterá-lo em uma div editável de conteúdo, principalmente porque eu criei meus próprios botões negrito, itálico e sublinhado que não funcionariam com as áreas de texto normais. O problema é que o formulário no envio não está enviando o texto para o php e eu queria saber o que eu poderia fazer para obter o valor da div no php.

Aqui está o “textarea”:

<div id="dash_new_shout_textarea" name="dash_new_shout_textarea" class="dash_new_shout_textarea" contenteditable="true" placeholder="Write your shout..." name="dash_new_shout_textarea" value="">

O formulário é apenas uma forma normal com method = post.

Aqui está o php:

 $newShoutTextarea = $_POST['dash_new_shout_textarea']; 

Obrigado pela ajuda

O que você pode fazer é o seguinte:

 

Eu sugiro que você siga as outras respostas e use jQuery, mas como não há nenhuma tag jQuery na sua pergunta, suponho que eu deveria fornecer uma boa solução não jQuery para você.

HTML

 

Javascript

 function prepareDiv() { document.getElementById("dash_new_shout_textarea_hidden").value = document.getElementById("dash_new_shout_textarea").innerHTML; } 

Seu PHP permanece o mesmo.

O problema é que um DIV não é um elemento de formulário e não pode ser postado. Se você usar algum javascript, você pode preencher um campo de input oculto com os dados e depois receber o lado do servidor como variável POST

Você pode adicionar uma input oculta ao seu formulário e atualizá-lo com jquery

 

roteiro

 $("#target").click(function() { $("#textarea_hidden").val($("#dash_new_shout_textarea").val()); }); 

O que você pode fazer é usar o jQuery para isso.

DEMO AQUI Um cenário adequado seria:

* Obtenha valor da div e guarde-o no campo oculto. *

Isso deve ser feito quando você envia o formulário:

 $(function () { $("#send").on("click", function () { $("#hiddenfield").val($("#dash_new_shout_textarea").text()); alert($("#hiddenfield").val()); $("form#formID").submit(); }); });