JQuery在div中添加textarea

Question

我正在尝试使用JQuery和amp;在div中动态添加textarea。有以下代码：

@{    
    string emailText = ViewBag.email as string;
}

<script type="text/javascript">
    $(document).ready(function () {
        var textArea = $('<textarea style="padding-left:100px" />');
        emailText = emailText.replace("$[Group Custom Text]$", textArea);
        $("#divConfirmation").append(emailText);
    });
</script>

<div id="divAppointmentConfirmation"></div>

问题是我得到字符串值“[object Object]”而不是HTML控件（textarea）。

Answer 1

是的，因为textArea是一个jQuery对象。

而({}).toString()是"[object Object]"。

使用outerHTML获取其HTML。

emailText = emailText.replace("$[Group Custom Text]$", textArea[0].outerHTML);

Answer 2

那是因为它需要一个字符串作为参数。你可以试试这个：

emailText.replace("$[Group Custom Text]$", textArea[0].outerHTML);

Answer 3

检查以下句子：

$("#divConfirmation").append(emailText);

<div id="divAppointmentConfirmation"></div>

你可以很容易地发现divConfirmation不是divAppointmentConfirmation也是正确的。