![](/img/trans.png)
[英]Need help clearing text area after JavaScript function is ran again
[英]help with javascript and text area
嘿,我來自textarea的文本未顯示在我的contentplaceholder的div區域中。
有人可以建議我的JavaScript怎么了嗎?
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="css/Style.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('button').click(function () {
var x = $('textarea').val();
$('div').html(x);
});
</script>
<textarea style="border: 0" cols="77" rows="5"></textarea>
<button>Post Message</button>
<div></div>
</asp:Content>
當腳本運行時,該按鈕不在DOM中。
<script type="text/javascript">
$(function() {
$('button').click(function () {
var x = $('textarea').val();
$('div').html(x);
});
});
</script>
這將告訴jQuery保留該初始化功能,直到DOM准備就緒為止。 在這種情況下,將調用您的函數。
(可選)您可以將腳本塊移動到<body>
的末尾,但這有點像déclassé 。
故事是,一旦瀏覽器看到整個<script>
元素,便立即運行<script>
。 像這樣將腳本放在頂部時,還沒有任何<button>
元素,因為瀏覽器在文檔中的瀏覽距離還沒有那么遠。
要詳細說明Pointy的答案,請將腳本移到
</div>
或將代碼包裝在init()函數中,該函數是通過onload從body標簽調用的,如...
<script>
function whateverIwantToHappenWhenTheDomLoads(){
//put your code here
}
</script>
<body onload="whateverIwantToHappenWhenTheDomLoads()">
...
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.