首页 > 解决方案 > 如何使用jquery将值传递给表单的textarea

问题描述

我正在尝试使用 jquery 将值传递给表单 textarea。我可以使用下面的代码将值传递给隐藏的输入区域,但不能使用相同的代码传递给 textarea

 <html>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tinymce/5.0.6/jquery.tinymce.min.js"></script>
<form>
<textarea class="tinymce" id="test"></textarea>
<button id="generate">Generate</button>
</form>

<script type="text/javascript">
    $(document).on('click','#generate',function() {

    tinyMCE.get('test').setContent('test content');
});
</script>

</html>

我尝试使用 val 和 attr 传递值,但除非输入类型被隐藏,否则它们都不起作用,我希望 textarea 显示 jquery 生成的值。

标签: jqueryhtmlforms

解决方案


$(function() {
  $('#test').val('This is a test');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea id="test"></textarea>


推荐阅读