Javascript 为什么将my dynamic textarea附加到div会导致textarea为空?

Javascript 为什么将my dynamic textarea附加到div会导致textarea为空?,javascript,jquery,Javascript,Jquery,我只是尝试在一个名为post的div中编辑一个名为meta description的div,方法是获取html并用它创建一个textarea,然后将其重新插入。我有它的工作,标题,内容,甚至元关键字,但出于某种原因,描述的文本区只是不断出现在最后空 //---------------edit meta Description------------ var Description = metaDescription; Description.show(); //save the html

我只是尝试在一个名为post的div中编辑一个名为meta description的div,方法是获取html并用它创建一个textarea,然后将其重新插入。我有它的工作,标题,内容,甚至元关键字,但出于某种原因,描述的文本区只是不断出现在最后空

    //---------------edit meta Description------------
var Description = metaDescription;
Description.show();
//save the html within the div
var ogDescription = "None"; 
if (metaDescription.html()) {
    ogDescription = $(Description).html().trim();
}
console.log('ogDescription = ' + ogDescription); 
// create a dynamic textarea
var editDescription = $("<textarea />"); 
editDescription.val(ogDescription);
console.log('editDescript val after adding === ' + editDescription.val());
console.log('editDescript html after adding === ' + editDescription.html());
editDescription.attr('class', 'editDescription')
            .css('height', metaHeight)
            .css('width', post.css('width')); 
// add the textarea 
Description.html("<p>meta Description:</p>"); 
$(Description).append(editDescription); 
//--end edit meta Description
/--------------编辑元描述------------
变量描述=元描述;
Description.show();
//将html保存在div中
var ogDescription=“无”;
if(metaDescription.html()){
ogDescription=$(Description.html().trim();
}
log('ogDescription='+ogDescription);
//创建一个动态文本区域
var editDescription=$(“”);
editDescription.val(ogDescription);
log('editscript val在添加=='+editscription.val()之后);
log('editDescript添加后的html=='+editDescription.html());
editDescription.attr('class','editDescription')
.css('height',metaHeight)
.css('width',post.css('width');
//添加文本区域
html(“元描述:

”; $(说明).append(编辑说明); //--结束编辑元描述
输出

Title = Newly Added Post
Posts.js:79 Content = Testing 1, 2, 3
Posts.js:105 ogDescription = Testing 1,2 and u know 3
Posts.js:110 editDescript val after adding === Testing 1,2 and u know 3
Posts.js:111 editDescript html after adding === 
Posts.js:129 Keywords = none, for, now
Description html after === <p>meta Description:</p><textarea class="editDescription" style="height: 80px; width: 262px;"></textarea>
Title=新添加的帖子
Posts.js:79 Content=测试1,2,3
Posts.js:105 ogDescription=测试1,2和u know 3
Posts.js:110 editscript val在添加===测试1,2和u know 3之后
Posts.js:111添加后的editDescript html==
Posts.js:129关键字=目前没有
描述html后==元描述:


Textarea没有value属性。与输入不同,textarea的“值”是开始标记和结束标记之间的内容。您需要使用.html(“blah”)或.text(“blah”)来设置innerHtml


请参见尝试创建文本区域,如下所示

var editDescription = $("<textarea>" + ogDescription + "</textarea>");
var editDescription=$(“”+ogDescription+“”);

如果我错了,请纠正我的错误,但是您发送给我的链接的答案是“$”(“textarea#ExampleMessage”).val(result.ExampleMessage);”这正是我使用的“editDescription.val(ogDescription);“对不起,如果您往下看,其他响应会更详细。您能检查元素吗?Textarea应该有一个结束标记。您可能创建了一个自定义属性,该属性是存储内容的位置Hanks!通过使用.text()我得到了正确的输出“描述html后==元描述:

测试1,2和u know 3”