【问题标题】:How to pass values to textarea of a form with jquery如何使用jquery将值传递给表单的textarea
【发布时间】:2019-10-12 05:29:43
【问题描述】:

我正在尝试使用 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 生成的值。

【问题讨论】:

  • 你可能想检查一下。 stackoverflow.com/a/2788289/5840542
  • 您提供的代码 $("#textareaid").val("new text"); 没有任何问题 - 您可能想创建一个 sn-p 来演示该问题。阅读minimal reproducible example
  • 我已经修改了代码,请看一下。
  • 问题是我使用的是 tinyMCE,它需要不同的代码来传递上面编辑的值。谢谢。

标签: jquery html forms


【解决方案1】:

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

【讨论】:

  • 您可能想添加评论,详细说明这如何解决 OP 的问题
  • 正是我正在做的事情,但没有工作。仅当将值传递到隐藏的输入区域时才有效。请注意,我使用的是 tinyMCE,这可能是一个促成因素吗?
  • 请尝试在您的机器上运行上面编辑过的代码,如果可行,请告知。
  • 点击编辑时将文本插入文本区域:然后由于提交表单而重新加载页面。
  • 那么,我应该尝试防止默认?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-12-01
  • 2013-02-25
  • 2018-01-22
  • 1970-01-01
  • 2023-04-01
相关资源
最近更新 更多