使用 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 版本之一