gpt4 book ai didi

jquery - 如何使用 jquery 清除文本区域

转载 作者:行者123 更新时间:2023-12-03 23:42:25 25 4
gpt4 key购买 nike

这个问题已经回答了,但是为了将来引用这里是一个完整的例子。

您可以根据需要多次单击添加按钮和清除按钮,它会起作用。但是一旦你在文本框中输入了一些东西,那么清除和添加按钮就不起作用了。

<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>

最佳答案

在处理需要用户输入的元素时,您应该使用 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 元素)。

关于jquery - 如何使用 jquery 清除文本区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38984133/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com