这个问题已经得到解答,但为了将来的参考,这里有一个完整的例子。
您可以根据需要多次单击“添加”按钮和“清除”按钮,它就会起作用。但是,一旦您在文本框中输入内容,清除和添加按钮就不起作用。
<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>
当处理需要用户输入的元素时,您应该使用 jQueryval
功能:
$(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>
The append
函数改变了DOM
,这不是您在这里尝试执行的操作(这会破坏textarea
元素)。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)