JqueryMobile使用“保存”按钮保存文本字段数据

时间:2012-09-05 09:56:31

标签: html jquery-mobile project

我一直在试图找出如何将一些数据输入文本字段以保存在其下方的屏幕上。有点像推特,或Facebook新闻没什么特别的。我正在使用JQM并希望将此保存在与

下的文本字段和按钮相同的页面上
<div data-role="content"> 

这就是我对字段和按钮所拥有的。

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

这是一些javaScipt,我发现它与按钮一起使用,但它工作但是美元符号搞砸JQM并且我尝试将它放在它自己的js文件中。我想我可能做错了什么。

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

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

如果所有可能的id都像javascript in with html via script

1 个答案:

答案 0 :(得分:0)

我不确定我是否理解这个问题。尽管如此,这可能有所帮助:

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

这是一个html页面示例。您可以在此处找到更多信息和实用示例: http://www.w3schools.com/js/js_examples.asp

如果您想保存以供日后使用,请尝试使用localStorage机制。