使用 jQuery 将 span 标签值输入文本框中

Question

I am trying to get <span> tag value in to text.

Here is what I tried:

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

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

jQuery:

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

How can I get value of span into text box?

Fiddle

Answer 1

You can use vanilla Javascript as jquery is not included

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

In your Fiddle you forgot to include jQuery which is needed for your code to work. You can download jQuery from here or include a cdn hosted jQuery from eg here . Here is your code with included jQuery and it's working as expected.

 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

You can choose one of the available JQuery version from dropdown options in Fiddle