使用 jQuery 在页面加载时将文本复制到输入字段

Question

I would like to copy text This is Sparta into the input field on page load. I'm wondering how to go about this using jQuery or Javascript.

<p id="addTag">This is Sparta</p>
<input name="showTag" type="text" id="showTag" />

Anyone?

Answer 1

Using vanilla JavaScript:

 document.addEventListener('DOMContentLoaded', (event) => { document.getElementById('showTag').value = document.getElementById('addTag').textContent; });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p id="addTag">This is Sparta</p> <input name="showTag" type="text" id="showTag" />

Using jQuery:

 $(document).ready(function(){ $('#showTag').val($('#addTag').text()); });

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <p id="addTag">This is Sparta</p> <input name="showTag" type="text" id="showTag" />

Answer 2

JQuery:

$( document ).ready(function() {
    $('#showTag').val($('#addTag').html());
});