jQuery在点击时从用户输入创建列表项

时间:2011-02-13 01:02:45

标签: javascript jquery html

您好,我需要一些帮助。请参阅下面的代码。提前感谢您的任何帮助。

$('#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>

2 个答案:

答案 0 :(得分:7)

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

应该这样做。

演示http://www.jsfiddle.net/G8pbG/

答案 1 :(得分:1)

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

演示http://jsfiddle.net/netdreamer/uvuUe/