使用带有 jQuery 的下拉菜单动态添加文本框答案

【问题标题】：add textbox dynamicaly using dropdown with jQuery使用带有 jQuery 的下拉菜单动态添加文本框
【发布时间】：2011-06-26 20:26:52
【问题描述】：

Dynamically add textbox using jquery
从上面的链接我想要类似的东西，但我想使用下拉菜单。
这是我的代码
http://jsfiddle.net/boyee007/VyG6F/
将添加文本框取决于值。
如果选择 3 将仅显示 3 个文本框，如果选择 2 将仅显示 2 个文本框，依此类推

【问题讨论】：

标签： jquery dynamic drop-down-menu

【解决方案1】：

试试这样的：

$("#ppl").change(function(){

    // The easiest way is of course to delete all textboxes before adding new ones
    //$("#holder").html("");

    var count = $("#holder input").length;
    var requested = parseInt($("#ppl").val(),10);

    if (requested > count) {
        for(i=count; i<requested; i++) {
        var $ctrl = $('<input/>').attr({ type: 'text', name:'text', value:'text'});        
            $("#holder").append($ctrl);
        }
    }
    else if (requested < count) {
        var x = requested - 1;
        $("#holder input:gt(" + x + ")").remove();
    }
});

看到它正在运行here。

【讨论】：

谢谢:)。效果很好。但我不希望它在我选择另一个值时继续添加文本框。如果你 select 5 will it only shows 5 textboxes，那么如果你 select 3 (it only show 3 textboxes)，不要再添加 3 个文本框。我希望这是有道理的:)
查看我编辑的答案。尽管删除所有内容并从头开始会更容易，但用户将丢失她已经输入的任何文本。出于这个原因，我在更新时添加/删除了所需的元素以达到正确的计数。

【解决方案2】：

这是您的解决方案...检查一下...

Solution

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。