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

查询：

$( document ).ready(function() {

    $('#showTag').val($('#addTag').html());

});