如何使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元素上運行。