使用下拉菜单和jQuery添加文本框dynamicali

从上面的链接，我想这样的东西，但我想使用下拉菜单。 这是我的密码 将根据值添加文本框。

---

如果选择3，则仅显示3个文本框；如果选择2，则仅显示2个文本框，依此类推

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

---

查看它的运行情况。

这是您的解决方案……请查看

---

谢谢：。效果很好。但我不希望它继续在我选择另一个值时添加文本框。如果您选择5，它将只显示5个文本框，如果您选择3，它将只显示3个文本框，而不是添加其他3个文本框。我希望这是有意义的：看看我编辑过的答案。虽然删除所有内容并从头开始会更容易，但用户将丢失她已经输入的所有文本。因此，在更新时，我添加/删除所需元素以达到正确的计数。虽然此链接可以回答问题，但最好在此处包含答案的基本部分，并提供链接以供参考。如果链接页面发生更改，则仅链接的答案可能无效。