jQuery .html() and a variable inside

Question

I would like to put variable FLC in inside $("#FNC").html(''); but don't know how to, any tips?

DEMO:

var FLV = $("#random-input-box").val();
$("#FNC").html('<input id="random-input-box" style="width: 99px;" value="FLC" disabled="disabled" />');

there are many problems with your short code here: 1. when you are getting the val() of #random-input-box - I assume that tag with that ID is already created, at the same time you are trying to create another tag with the same ID (when you do html()). 2. your input tag has no type attribute. 3. the value that you are trying to use for the input has FLC, while the variable was called FLV. 4. papaiatis has show the correct way to add the variable's value with value="'+FLV+'" — Alex Okrushko
– Alex Okrushko, Commented Mar 11, 2012 at 15:14

papaiatis · Accepted Answer · 2012-03-10 21:59:04Z

3

Did you mean putting the value of FLV into the value attribute of the input field?

var FLV = $("#random-input-box").val();
$("#FNC").html('<input id="random-input-box" style="width: 99px;" value="'+FLV+'" disabled="disabled" />');

answered Mar 10, 2012 at 21:59

papaiatis

4,3114 gold badges28 silver badges39 bronze badges

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

2 Comments

Drazek Over a year ago

Yes, I'm new to jquery and I couldn't find this simple answer on forums or stackoverflow at all :S

Drazek Over a year ago

Actually it doesn't work, I tested in all ways possible. On execution <div id="FNC"></div> stays empty, instead of having input box inside :S

Alnitak · Accepted Answer · 2012-03-12 10:11:24Z

0

String concatenation is dangerous without input validation.

Just use .val() to set the input's value, and ideally use jQuery's constructor rather than .html() to create it:

var FLV = $("#random-input-box").val();
$('#FNC').empty();

$('<input id="random-input-box" style="width: 99px;" disabled="disabled" />')
    .val(FLV).appendTo('#FNC');

edited Mar 12, 2012 at 10:11

answered Mar 10, 2012 at 22:14

Alnitak

341k72 gold badges420 silver badges503 bronze badges

2 Comments

Drazek Over a year ago

I have tryed your code, firebug doesn't show changed in code, it show <div id="FNC"></div> as empty no input field inside.

Alnitak Over a year ago

yeah, I copied one of the errors from your code. It should work now.

Collectives™ on Stack Overflow

jQuery .html() and a variable inside

2 Answers 2

2 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related