JqueryMobile Guarde los datos del campo de texto usando el botón Guardar

He estado tratando de descubrir cómo obtener algunos datos que escribo en un campo de texto para guardarlos en la pantalla debajo. Algo así como un twitter, o noticias de Facebook, nada elegante. Estoy usando JQM y me gustaría guardar esto en la misma página que el campo de texto y el botón debajo de

<div data-role="content"> 

Esto es lo que tengo para un campo y un botón.

<input type="text" id="Text"/>
<input type="button" id="Button" value="Submit" />
<div id="buttonPlaceHolder">&nbsp;</div>

y este es un javaScipt que encontré para ir junto con el botón, funciona, sin embargo, los signos de dólar arruinan JQM y he intentado ponerlo en su propio archivo js. Creo que podría estar haciendo algo mal.

$('#Button').bind('click', function() {
$('#buttonPlaceHolder').append($('#Text').val());

// refresh jQM controls
$('#home').trigger('create');
});

Si es posible, identifíquese como el javascript con el html a través del script

preguntado el 05 de septiembre de 12 a las 10:09

Haz que coloques esto bind llamar doucment.ready ? -

¿Está su Javascript envuelto en otra función? Como SJ preguntó, document.ready o cualquier otra cosa? -

1 Respuestas

No estoy seguro de haber entendido la pregunta. Sin embargo, intente esto, puede ayudar:

<!DOCTYPE html>
<html>
<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph.</p>

<p id="myDIV">A DIV.</p>

<button type="button" onclick="myFunction()">Try it</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello Dolly";
document.getElementById("myDIV").innerHTML="How are you?";
}
</script>

</body>
</html>

Es un ejemplo de página html. Puede encontrar más información y ejemplos útiles aquí: http://www.w3schools.com/js/js_examples.asp

Si desea guardarlo para usarlo más tarde, pruebe el mecanismo localStorage.

Respondido el 05 de Septiembre de 12 a las 11:09

Oh, sí, w3schools, me había olvidado de eso. Muchas gracias, creo que esto hará el truco. - Ezcaflowne

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.