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

Question

我想在页面加载时将文本This is Sparta复制到输入字段中。 我想知道如何使用 jQuery 或 Javascript 来解决这个问题。

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

任何人？

Answer 1

使用香草 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" />

使用 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());
});