使用 jQuery 將 span 標簽值輸入文本框中

Question

我正在嘗試將<span>標記值寫入文本。

這是我嘗試過的：

<span id="spanval">Hello</span>

<input type="text" name="username" id="name" value="">

jQuery：

var hi = jQuery("#spanval").text();
$("#name").val(hi);

如何將 span 的值放入文本框中？

小提琴

Answer 1

您可以使用香草 Javascript 因為 jquery 不包括在內

Html

<span id="spanval">Hello</span>
<input type="text" name="username" id="name" value="">

Javascript

var hi = 
document.querySelector("#spanval").innerHTML; 
document.querySelector("#name").value = hi;

Answer 2

在您的 Fiddle 中，您忘記包含代碼正常工作所需的 jQuery。 你可以從這里下載 jQuery 或者包括一個 CDN 托管的 jQuery 從這里例如。 這是包含 jQuery 的代碼，它按預期工作。

 var hi = jQuery("#spanval").text(); $("#name").val(hi);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <span id="spanval">Hello</span> <input type="text" name="username" id="name" value="">

Answer 3

您可以從 Fiddle 的下拉選項中選擇可用的 JQuery 版本之一