jqueryを使用してテキストエリアをクリアするには

この質問は回答済みですが、今後の参考になるよう、ここでは完全な例です。jqueryを使用してテキストエリアをクリアするには

[追加]ボタンをクリックして[クリア]ボタンを何回でもクリックすると、効果があります。しかし、いったんテキストボックスに何かを入力すると、クリアと追加ボタンは機能しません。

<html> 
<head> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 

    $("#add").click(function(){ 

     $("#box").append("Test, ") 
    }); 

    $("#clean").click(function(){ 
     $("#box").text("") 
    }); 

}); 
</script> 
</head> 
<body> 

<button id="add">ADD</button><br/> 
<textarea rows="10" cols="50" id="box"></textarea><br/> 
<button id="clean">Clear Box</button> 

</body> 
</html>

出典

2016-08-16 user1854438

$（ "＃textarea"）。val（ ''）;を使用してください。 –

問題を示す[mcve]を投稿してください – j08691

あなたはjQueryのval機能を使用する必要があり、ユーザからの入力を期待する要素を扱う場合：

$(function() { 
 
    $('#b1').click(function() { 
 
     $("#textarea").val($("#textarea").val() + "This is a test"); 
 
    }); 
 
    $('#c1').click(function() { 
 
    $("#textarea").val("") 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea id="textarea"></textarea><br /> 
 
<button id="b1">Append</button> <button id="c1">Clear</button>

append機能がDOMを変更し、これは何ではありませんここでしようとしています（これはtextarea要素のデフォルトの動作を破ります）。

出典

2016-08-16 21:31:27 Dekel

ありがとうございます。その問題は私を夢中にさせていた。 – user1854438

あなたは歓迎です:) – Dekel

jqueryを使用してテキストエリアをクリアするには

答えて

関連する問題