删除先前附加的内容后，append() 不起作用

Question

我将用户输入的 url 转换为 bbcode 并将其附加到 textarea，但是在删除我附加的其中一行后，它不会再附加更多（但你可以在 firebug 中看到新附加的值，真的很奇怪）。这是我的代码：

$(function(){
    $(".addUrl").click(function(){
        $("#addUrl").slideDown();
    })
    $('#su').click(function(){
        if($("#u").val().length>3)
        addUrl($("#u").val());
        $("#u").val("");
    })
    $("input[value=\"x\"]").click(function(){$("#addUrl").fadeOut();})
})
function addUrl(e)
{
    patt="http[s]*:\/\/";
    if(e.match(patt))
        u=e;
    else
        u="http://"+e;
    $("textarea[name=\"content\"]").append("\n\r[url]"+u+"[/url]\n\r");
}

这是 jsfiddle:http://jsfiddle.net/FpSsc/

Answer 1

这是因为您正在更改默认值 textarea 内的 html。似乎一旦您设置了新值（通过在文本框中键入或删除某些内容），此默认值就会被忽略。

要解决这个问题，您需要设置 textarea 的值而不是附加到内容：

function addUrl(e)
{
    patt="http[s]*:\/\/";
    if(e.match(patt))
        u=e;
    else
        u="http://"+e;

    var newVal = $("textarea[name=\"content\"]").val() + "\n\r[url]"+u+"[/url]\n\r"
    $("textarea[name=\"content\"]").val(newVal);
}

http://jsfiddle.net/infernalbadger/FpSsc/1/

或者按照 Felix 的建议：

function addUrl(e)
{
    patt="http[s]*:\/\/";
    if(e.match(patt))
        u=e;
    else
        u="http://"+e;

    $("textarea[name=\"content\"]").val(function(i, v) { return v + "\n\r[url]"+u+"[/url]\n\r"; });
}

Answer 2

我建议你在这里使用 val

function addUrl(e)
    {
        patt="http[s]*:\/\/";
        if(e.match(patt))
            u=e;
        else
            u="http://"+e;
        $("textarea[name=\"content\"]").val( $("textarea[name=\"content\"]").val() + "\n\r[url]"+u+"[/url]\n\r");
    }

请试试这个 addUrl 函数。