Question

我想把ul作为输入，就像在这个jsfiddle：http://jsfiddle.net/hailwood/u8zj5/

中一样

（但我不想使用tagit，我想自己实现它）

我希望用户可以在输入中写一些内容，当他按下回车键时，带有X按钮的li将被插入到输入中。

我真的不知道如何实现它。

如果我知道如何将ul作为输入，我将知道该怎么做。

请帮帮我：

假设我有ul：

<ul id="countries"></ul>

我想让它像上面提到的jsfiddle一样可写。

然后应该是这样的：

$('#countries').keypress(function(e) {
    if(e.which == 13) {
        var value; // here I have to get the value of the input
        // insert the li to the ul:
        $('#countries').append('<li value="1">' + value +
                       '&nbsp;&nbsp;<span class="closeButton">X</span></li>');
    }
});

$('.closeButton').live('click', function(){
    $(this).parent().remove();
});

任何帮助表示赞赏！

Answer 1

使用contenteditable。

<ul id="countries" contenteditable="true"></ul>

http://www.w3schools.com/tags/att_global_contenteditable.asp

Answer 2

这是你的意思吗？

$('#countries').keypress(function(e) {
    if(e.which == 13) {
        var value; // here I have to get the value of the input
        // insert the li to the ul:


       var html = $(value).find("ul").append('<li value="1">' + value +
                       '&nbsp;&nbsp;<span class="closeButton">X</span></li>');
        $("#countries").val(html);
    }
});

输入ul作为输入

2 个答案: