Jquery预定义的textarea不会清除

Question

使用从数据库中提取的数据预填充文本区域。

<textarea name="body" id="body" rows="5" cols="70"><? echo $body; ?></textarea>

我有一个清除按钮，让用户可以更轻松地擦除大量文本，而无需突出显示和删除。

按钮使用onclick="clear();" 函数调用。

这里是函数...

function clear() {
    $('#body').val('');
}

问题是它不会清除预定义的文本。除了预定义的文本之外，它只会清除键入的文本。或者，如果我手动删除预定义的文本，它就可以正常工作。

我需要该字段来显示数据库中的值。有没有办法在不回显字段上方 <div> 中的 DB 值并避免在 textarea 中预定义 ext 的情况下完成此操作？

谢谢。

Answer 1

将您的函数重命名为 clear() 以外的其他名称，其余的都很好。见Why can't I call a function named clear from an onclick attribute?

也可以使用.on('click', ...)，如下所示，通过使用js-clear 类将事件侦听器附加到按钮上。

function myClear() {
  $('#body').val('');
}

$('.js-clear').on('click', function() {
  $('#body').val('');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<textarea name="body" id="body" rows="5" cols="70">test content</textarea><br>

<button onclick="myClear()">myClear</button>
<button class="js-clear">.on('click')</button>