Estoy intentando añadir un campo de texto de entrada y su valor es el valor de un div.Adjuntar campo de texto de entrada con el valor de un div
Esto es lo que ocurrió hasta el momento:
$(this).append('<input type="text" value=' $('#div1').val() '>');
No utilice cadenas HTML para todo!
$(this).append(
$('<input>', {
type: 'text',
val: $('#div1').text()
})
);
Gracias. Probablemente la mejor forma de obtener – jQuerybeast
@minitech ¿tiene algún recurso para no usar cadenas html? Me encantaría leer sobre eso. Gracias – jQuerybeast
@jQuerybeast: No fuera de mano. Podría escribir una publicación en un blog sobre eso ahora :) La razón es que no necesitas preocuparte por el escape y eso o escribir errores que solo se manifiestan en el tiempo de ejecución. – Ryan
$(this).append('<input type="text" value='+ $('#div1').html()+ '>');
btw ... divs no tiene un valor 'val()' –
@JosephMarikle yeap. no lo noté –
$(this).append('<input type="text" value=' + $('#div1').val() + '>');
no se olvide de concatonate con +
Además, esto supone $ (este) es un objeto real.
btw ... divs no tiene un valor 'val()' –
aunque una entrada puede tener una identificación de div1. esto aún podría ser correcto ya que no proporcionó html. –
lol muy cierto, pero algo ... poco probable. –
<div id="parent-dv">
<lable for="posting">POST</lable>
<textarea style="width:400px; height:auto;"></textarea>
<input type="Submit" id="inputsubmit">
<button id="clear">Clear</button>
</div>
$(document).ready(function(){
$('#inputsubmit').on('click',function(event)
\t {
var $inpute2xt = $("#parent-dv").find('textarea').val();
$('#parent-dv').append("<p></p>").addClass("newp").append($inpute2xt);
\t \t \t
\t }
\t \t);
\t
\t }
\t);
\t
\t<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
</style>
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<div id="parent-dv">
\t <lable for="posting">POST</lable>
\t <textarea style="width:400px; height:auto;"></textarea>
\t <input type="Submit" id="inputsubmit">
\t <button id="clear">Clear</button>
\t <p></p> \t
\t </div>
</body>
</html>
¿cuál es el problema exactamente? –