Pasar datos de un div conteneditable a un input hidden

giancarlos92 · #1 (**permalink**) 15/04/2013, 17:18

No sé como pasar datos de un div a un input hidden para que se envie el texto del div por post.

Código HTML:

Ver original<!DOCTYPE html>
<?php
if($_POST['txtcon'])
echo $_POST['txtcon'];
?>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <style type="text/css">
#textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 2px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: 300px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 1050px;
}
</style>
<script language="javascript">
function llenardatos(){
                //Código para llenar el hidden txtcon con el texto del div textarea.
            }
</script>
</head>
<body>
    <div align="left">
    <form method="post" name="form1" action="conectividad.php" enctype="multipart/form-data" onsubmit="return llenardatos();">
      <div id="textarea" align="left" contenteditable>
        <div>Texto a guardar1</div>
        <div>Texto a guardar2</div>
      </div>
      <input type="hidden" id="txtcon" name="txtcon" value="">
      <input type="submit" value="ENVIAR">
    </form>
    </div>
</body>
</html>

pr0 · #2 (**permalink**) 15/04/2013, 18:09

Quita el onSubmit y pon un ID al formulario.

Con JQuery:

Código Javascript:

Ver original$('#form1').submit(function({
 
   texto = $('#textarea').text;
   $('#txtcon').val(texto);
 
   return true;
 
});

davielsanchez · #3 (**permalink**) 16/04/2013, 01:41

como bien te respondió pr0(es lo más correcto) te indico que tienes otra forma de solventar tu problema, y es usando de js document.getElementByName o document.getElementById.

Pd: En esta sección de php se puede preguntar cosas de otros lenguajes??