Set a value into input JQuery

Question

i want to append a text into an input value using jquery, i dont want to use val() :

The code :

        <span>L'objectif de ce cours est d'introduire</span>
        <script>
            $(document).ready(function(){
                var tb = $("span").text();
                console.log(tb); // L'objectif de ce cours est d'introduire
                $("body").append("<input value='"+tb+"'>");
            });
        </script>

but i get just L into the input, what is the exact problem, i think the cause is that char ' , please help me fix it, and thnx !

i think the 'quotes' is the problem there. The "tb" value is applied before the input is append to body. — Ramkumar
– Ramkumar, Commented Apr 13, 2015 at 12:40

Rory McCrossan · Accepted Answer · 2015-04-13 12:38:00Z

2

This is due to the type of quotes you're using to delimit the string in JS and the attributes in HTML - you need to swap them over as the value itself contains '. Try this:

$("body").append('<input value="' + tb + '">');

Working fiddle

answered Apr 13, 2015 at 12:38

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

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

2 Comments

epascarello Over a year ago

And when the text has a " in it? Same issue.

Rory McCrossan Over a year ago

@epascarello then you would need to escape the value, or use val() whcih does the escaping for you. For this issue, it's better to KISS.

Collectives™ on Stack Overflow

Set a value into input JQuery

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related