javascript - 删除/清除文本区域后，我无法再向其附加文本

Question

我正在构建一个工具来帮助我为 AdWords 组合不同的关键字组合。我有一个简单的表单，其中包含三个复选框、一个输入框(用于起始关键字)、一个提交按钮和一个用于结果的文本区域(输入的变体)。

第一次效果很好，我的条件都正常工作，我可以运行一系列关键字，在每个 .submit() 上，这些关键字将填充文本区域。当我删除内容时，问题就出现了。以下是如何填充它的示例:

if($("#phrase").is(":checked")) {
    //Get keywords from input
    var text = $("#keyword").val();

    //Prepend and append double-quotes
    text = "\"" + text + "\"";

    //Output
    var val = $("#output").val();
    $("#output").append(text + "\r\n");
} 

当我提交时，我知道它仍在我的 .submit() 函数中的某个位置执行，因为如果我取消选中所有框，我的 alert (未显示)就会被抛出。

我认为这是我在重置逻辑中遗漏的东西，因此我完全删除了重置并将其发布到我的个人网站，以便我可以开始工作。我跑掉了一些关键字，然后手动删除了文本框的内容。奇怪的是，同样的事情仍然发生:删除/清除文本框后，我无法让它接受关键字并创建更多变体!

我在这里创建了一个 fiddle :Keyword Variations Fiddle -- 我能够重现该问题，但不知道为什么会发生。生成几个关键字后尝试删除文本，然后尝试生成更多关键字。

Answer 1

有趣的问题。我很担心你在 textarea 上使用 append ，因为我记得听说 textarea 更像文本输入而不是 div，所以我尝试使用 val 代替，它工作得很好。

http://jsfiddle.net/gYFP3/4/

这是相关代码。

//Output
var $output = $("#output");
var val = $output.val();
$output.val(val + text + "\n");