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

Answer 3

$(文档).ready(function() { $('#basic-datatables').DataTable();

//On page load all fields get the same value
$('#textbox1').text(function() {
    $('#textbox2').val(this.value);
});

});