如何使top textarea在添加新行时变为空白

Question

我有一个jsfiddle http://jsfiddle.net/4Pc4B/10/。在jsfiddle中，在textarea中输入一个问题，然后点击“添加问题”按钮。这在下面的新行中增加了问题，但问题是，当发生这种情况时，顶部的textarea仍显示问题。我想要它，以便如果用户点击了“添加问题”按钮，并且如果问题添加到新行中，则顶部的textarea应该为空。这如何工作？

下面是代码，以使textarea的空白：

var area = document.getElementsByTagName('textarea'); 
for (var i = area.length-1; i>=0; i--) { 
if ('questionText'===area[i].name) area[i].value = ""; 
} 

我在哪里显示此代码？

感谢

Answer 1

只需添加：

$('#questionTextArea').val(''); 

线下：

$question.append($questionText); 

JS Fiddle demo。

---

响应编辑从OP，user1182476质疑，在注释中，如下所示：

顺便说一句，如果我有选择了单选按钮，但增加了表行我后希望所有的单选按钮都不被选中，我该怎么做？

要取消选中所有单选按钮：

$('input:radio:checked').prop('checked',false); 

看来你，本质上，要形式重置为默认状态，不过，要做到这一点，你可能会发现它更容易以简单使用：

$('#enter')[0].reset(); 

JS Fiddle demo。

或者：

document.getElementById('enter').reset(); 

JS Fiddle demo。

插入这些行中的任意一行，如链接的演示中所示，而不是此答案的第一个版本中提供的行（在与之前相同的行之后：$question.append($questionText);）。

在第一个示例中使用[0]，在后者中使用document.getElementById()的原因是reset()方法在普通JavaScript DOM节点上运行，而不是在jQuery元素上运行。