擦除/清除textarea后,我再也无法附加文本了

Question

我正在构建一个工具来帮助我为AdWords组合不同的关键字组合.我有一个简单的表单,有三个复选框,一个输入框(用于起始关键字),一个提交按钮和一个结果的textarea(输入的变体).

第一次围绕它工作很好,我的条件都工作,我可以运行一系列关键字,每个关键字.submit()将填充textarea.擦除内容时出现问题.以下是填充方式的示例:

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(未显示)会被抛出.

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

我在这里创造了一个小提琴:关键词变奏小提琴 - 我能够重新创造这个问题并且不知道它为什么会发生.在生成几个关键字后尝试删除文本,然后再尝试生成一些关键字.

Answer 1

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

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

这是相关的代码.

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