html attribute of JQuery not working

Question

I am adding dynamic tags based on a drop down selection; but .html adds my tags as text not real html; here is my code; am I doing something wrong:

$("#trigger_type").change(function() {

    var my_html = "";
    var trigger = $("#trigger_type").val();

    if (trigger == "hybrid") {
        my_html = my_html + "<div class='form-group'> < label for = 'expires_on'> Expires On </label>< input type = 'text' class = 'form-control' id = 'expires_on' placeholder = 'DD-MM-YYYY'> < input type = 'radio' name = 'expires_never' value = 'never' > Never < br >< /div>";
    }
    $("#my_div").html(my_html);

});

If you need more clarification please let me know!

Not sure if this is your problem, but you might want to initialize my_html outside of your .change script. Then you don't have to add my_html to my_html unless you're trying to .append html to a certain spot — ntgCleaner
– ntgCleaner, Commented Feb 12, 2014 at 22:59
try taking whitespace out of the tags eg < label should be <label — TimCodes.NET
– TimCodes.NET, Commented Feb 12, 2014 at 23:00

James Montagne · Accepted Answer · 2014-02-12 22:57:59Z

3

Remove the spaces after your <s.

< label ...

should be

<label ...

http://jsfiddle.net/bH38G/

answered Feb 12, 2014 at 22:57

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

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

Collectives™ on Stack Overflow

html attribute of JQuery not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related