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

JQuery列表插件

2 个答案: