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