jQuery create list item from user input on click

Question

Hi I am in need of some help. Please see my code below. Thanks in advance for any assistance.

$('#input_listName').keyup(function(){
var newList = $(this).val();

$('#btn_createList').click(function(){
    ('.ul_current').append().html(newList);
});
});

<input type="text"  id="input_listName"/>
<br/>
<button type="submit" class="btn_sendMessage" id="btn_createList">Create List</button>

<ul class="ul_current">
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>

jAndy · Accepted Answer · 2011-02-13 01:04:55Z

7

$('#btn_createList').click(function(){
    $('.ul_current').append($('<li>', {
         text: $('#input_listName').val()
    }));
});

should do it.

Demo: http://www.jsfiddle.net/G8pbG/

answered Feb 13, 2011 at 1:04

jAndy

237k57 gold badges313 silver badges363 bronze badges

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

Comments

netdreamer · Accepted Answer · 2013-07-21 03:53:27Z

1

$('#btn_createList').click(function() {    
    $('.ul_current').append('<li>' + $('#input_listName').val());
});

Demo: http://jsfiddle.net/netdreamer/uvuUe/

answered Jul 21, 2013 at 3:53

netdreamer

111 bronze badge

Collectives™ on Stack Overflow

jQuery create list item from user input on click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related