jQuery列表插件答案

【问题标题】：JQuery list pluginjQuery列表插件
【发布时间】：2012-02-09 13:49:34
【问题描述】：

我正在搜索一个 JQuery 插件。当我在文本字段中输入文本并按下按钮时，文本字段的值应显示在文本字段下方的列表中。

有人知道这样的插件吗？

【问题讨论】：

【解决方案1】：

我怀疑你会找到这样一个特定的插件，但你可以自己写一个。这里有一些可以帮助你入门的东西（远非完美，但它应该能让你走上正轨）：

(function($) {
    $.fn.addToList = function(opts) {
        var input = this;
        opts.button.click(function() {
            opts.list.append("<li>" + input.val() + "</li>");
        });
    }
})(jQuery);

假设 HTML 是这样的：

<input type="text" id="example">
<input type="button" id="btn" value="Click">
<ul id="list"></ul>

你可以这样调用插件：

$("#example").addToList({
    button: $("#btn"),
    list: $("#list")
});

这是working example。

【讨论】：

【解决方案2】：

自己写不难

 <input type="text" id="thisbox" />
 <button id="thisbutton" value="click me"></button>
 <ul id="listme"></ul>

和 jQuery

 $("#thisbutton").click(function(){
     var valuebox = $("#thisbox").val();
     if(valuebox.length > 0){
          $("#listme").append("<li>" + valuebox  + "</li>");
     }
 });

【讨论】：