使用jQuery下拉动态动态添加文本框

时间:2011-02-14 10:54:34

标签: jquery dynamic drop-down-menu

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

2 个答案:

答案 0 :(得分:2)

尝试这样的事情:

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

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

    var count = $("#holder input").size();
    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

答案 1 :(得分:0)

这是你的解决方案......检查出来......

Solution