jquery - 当文本区域包含 html 标签时设置文本

Question

我知道这个问题已经是 asked但我的有点不同。

我有一个文本区域，其值设置如下:

<textarea><span>all this inside textarea</span></textarea>

现在我正在使用 jQuery 执行一些 ajax，并希望通过 jQuery 设置文本区域的值。

以下是我的 jQuery 代码。

jQuery(function(){
  jQuery("select#rooms").change(function(){
    var options = '';
    jQuery.getJSON("/admin/selection.php",{id: jQuery(this).val(), ajax: 'true'},
    function(j){
      for (var i = 0; i < j.length; i++) {
        options = j[i].topImage;
jQuery('#toppic').val(options); 
jQuery('#title').val(j[i].title); 
alert(j[i].content); //this is text area content. it has html tags
jQuery('#content').attr(j[i].content); //text area
      }
    })
  })
})

编辑:我的 json 响应是:

[ {topImage: 'cfil823', title: 'Dining', content: '<SPAN STYLE= "" >Dining Rooms must be simultaneously inviting enough for a festive Sunday brunch and intimate enough for a 
crown jewel in the room. </SPAN>'}]

jquery 有没有办法转义 html 标签？

此外，最初文本区域设置如下:

<textarea id="content" wrap="hard"><?php echo $comma_separated?></textarea>

Answer 1

您应该使用 val 设置文本区域内容功能:

更改:

jQuery('#content').attr(j[i].content);

致:

jQuery('#content').val(j[i].content);

编辑:为了回复您的评论，您应该检查从您的请求返回的 JSON 对象，我强烈建议您使用 Firebug调试你的回调

文本区域没有被清除，因为我很确定j[i].content是未定义，如果你想在这种情况下清除它的值你可以:

jQuery('#content').val(j[i].content || '');

因此，如果 j[i].content 为 undefined、null、0 或 false ，文本区域将被清除。