How to set value in input type text with value in textarea using javascript?

Question

For this code it's work good:

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

But when I change from <p> to <input like this:

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

Why it's not working? How can I resolve it?

because you need to change the value of your input and not the html inside it — sheplu, Aug 06 '17 at 04:49

score 1 · Answer 1 · answered Aug 06 '17 at 04:53

Use .val instead .html like this:

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

How to set value in input type text with value in textarea using javascript?

1 Answers1