JQuery列表插件

Question

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

有没有人知道这样的插件？

Answer 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。

Answer 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>"); 
    } 
});