如何使用javascript在文本区域中设置输入类型文本中的值？ [复制]

Posted 2023-02-22

【中文标题】如何使用javascript在文本区域中设置输入类型文本中的值？ [复制]

【英文标题】：How to set value in input type text with value in textarea using javascript? [duplicate]

【发布时间】：2018-01-13 16:18:54

【问题描述】：

对于这段代码，它工作得很好：

<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"></script>
<textarea style="height: 300px;"></textarea>
<p id="preview"></p>        
<script type="text/javascript">
setInterval(function() 
    $('#preview').html($('textarea').val());
, 10);
</script>

但是当我像这样从<p> 更改为<input 时：

<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"></script>
<textarea style="height: 300px;"></textarea>
<input type="text" id="preview">
<script type="text/javascript">
setInterval(function() 
    $('#preview').html($('textarea').val());
, 10);
</script>

为什么它不起作用？我该如何解决？

【问题讨论】：

在这里分享你的代码

因为您需要更改输入的值而不是其中的 html

【参考方案1】：

像这样使用 .val 代替 .html：

<script type="text/javascript" src="//code.jquery.com/jquery-1.8.3.js"></script>
<textarea style="height: 300px;"></textarea>
  <input type="text" id="preview">
<script type="text/javascript">
   setInterval(function() 
   $('#preview').val($('textarea').val());
    , 10);
</script>