Populate input field using jQuery

Question

I have a span on my page containing text, on page load, is it possible to populate an input field with this inner html using jQuery?

I've tried to setup a fiddle with my attempt only its not working...

James Allardice · Accepted Answer · 2012-04-20 10:07:44Z

2

You just missed the . off your first class selector. Here's an updated working fiddle.

$('hiddenfield').val( //Missing .
    $('.prodheader').html()
);

answered Apr 20, 2012 at 10:07

James Allardice

166k22 gold badges335 silver badges315 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

@user766266 - No problem, it's easy to miss the obvious sometimes!

Sujith Kumar KS · Accepted Answer · 2012-04-20 10:09:58Z

0

the way you tried is correct. you just forgot to add the dot[.] before class name

$('.hiddenfield').val(
    $('.prodheader').html()
);

answered Apr 20, 2012 at 10:09

Sujith Kumar KS

1,04312 silver badges23 bronze badges

Hubro · Accepted Answer · 2012-04-20 10:08:26Z

0

You just forgot the class symbol in the selector. Here's the fix:

$('.hiddenfield').val(
    $('.prodheader').html()
);

answered Apr 20, 2012 at 10:08

Hubro

60k74 gold badges241 silver badges404 bronze badges