jquery로 텍스트 영역을 지우는 방법

이 질문에 대한 답변이 나왔습니다 만, 나중에 참조할만한 예제가 있습니다.jquery로 텍스트 영역을 지우는 방법

원하는만큼 추가 버튼을 클릭하고 지우기 버튼을 클릭하면됩니다. 그러나 일단 텍스트 상자에 내용을 입력하면 clear 및 add 버튼이 작동하지 않습니다.

<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로 텍스트 영역을 지우는 방법

답변

관련 문제