problems adding <li> into <ul> from javascript

Question

I have this following where I would like to dynamically add the list elements to it:

<ul name='eval-options' class="inputs-list">                                                                                    
</ul>

I'm adding the list elements with the following js but it is not working

 $("#eval-options ul").append('<li><label><input type="checkbox" name="optionsCheckboxes" value="option1" /><span>Option one</span></label></li>');

name='eval-options' needs to be id='eval-options'. # is an id selector. — Jared Farrish
– Jared Farrish, Commented Nov 29, 2011 at 2:23
Not working? Fix it, that always works! You want a more specific answer, ask a more specific question. Not working how? — Michael Lorton
– Michael Lorton, Commented Nov 29, 2011 at 2:24
Is there an ancestor of the ul that has the ID eval-options? That's what your selector is looking for. — RightSaidFred
– RightSaidFred, Commented Nov 29, 2011 at 2:28

Andrew Shepherd · Accepted Answer · 2011-11-29 02:29:44Z

3

First of all, declare the ul with an id of eval-options, instead of a name.

<ul id='eval-options' class="inputs-list">                                                                                     
</ul>

Secondly, the string for your selector should be

$('#eval-options')

The selector you're currently using:

$('#eval-options ul')

means "the ul element contained as a child of any element with the identifier eval-options"

edited Nov 29, 2011 at 2:29

answered Nov 29, 2011 at 2:24

Andrew Shepherd

45.5k33 gold badges148 silver badges212 bronze badges

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

Comments

JesseBuesking · Accepted Answer · 2011-11-29 02:24:58Z

1

That would be because # reference's an id. What you want is to find the name (or the class) of your ul.

Change

$("#eval-option ul")

to

$("ul[name=eval-options]")

or

$(".inputs-list")

answered Nov 29, 2011 at 2:24

JesseBuesking

6,6165 gold badges46 silver badges92 bronze badges

Comments

Nam Nguyen · Accepted Answer · 2011-11-29 02:26:44Z

0

<ul id='eval-options' class="inputs-list">                                                                                    
</ul>


 $("#eval-options").append('<li><label><input type="checkbox" name="optionsCheckboxes" value="option1" /><span>Option one</span></label></li>');

answered Nov 29, 2011 at 2:26

Nam Nguyen

616 bronze badges

Collectives™ on Stack Overflow

problems adding <li> into <ul> from javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related