如何使用jQuery将值传递到表单的文本区域

时间:2019-05-26 09:59:25

标签: jquery html forms

我正在尝试使用jquery将值传递给表单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生成的值。

1 个答案:

答案 0 :(得分:0)

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