динамически добавлять текстовые поля, используя выпадающий список с помощью jQuery

Question

Динамически добавить текстовое поле, используя jquery
по ссылке выше, я хочу что-то подобное, но я хочу использовать выпадающее меню.
вот мой код
http://jsfiddle.net/boyee007/VyG6F/
текстовое поле будет добавлено в зависимости от значения.
при выборе 3 будет показывать только 3 текстовых поля , а при 2 будет отображаться только 2 текстовых поля и т. д.

Answer 1

Попробуйте что-то вроде этого:

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

Посмотрите, как работает здесь .

Answer 2

вот ваше решение ... проверьте его ...

Решение