У меня есть этот скрипт для генерации трех выпадающих списков и одного поля ввода текста для моей веб-формы, которые я должен отправить в базу данных с помощью PHP. Эта форма HTML, но только эта часть является JavaScript для заполнения полей. Я использую этот JavaScript для генерации около 15 наборов этих выпадающих и текстовых полей ввода. (1 набор = 3 раскрывающихся списка и 1 поле ввода текста).

Мой вопрос: если пользователь выбирает параметр из первого раскрывающегося списка, то параметры в двух других раскрывающихся списках должны изменяться в соответствии с выбранным параметром в первом раскрывающемся списке.

Я хотел, чтобы после генерации нужного количества наборов путем выбора номера из раскрывающегося списка в этой скрипте он динамически генерировал наборы из 3 раскрывающихся списков и 1 поля ввода.

Поэтому, если кто-то выберет первый вариант из первого раскрывающегося списка, он должен изменить и другие раскрывающиеся списки.

JSFIDDLE

СЦЕНАРИЙ:

$(function() {
    $("input[type=button][value=Add]").click(function(e) {
        for (i = 0; i < document.getElementById('sel').value; i++) {
            e.preventDefault();
            var j = 1;
            var newDiv = $("").appendTo("#dropbox");
            $("").attr("name", "input1_"+j).appendTo(newDiv).append(
            $("").val("0").text("Option 1"), $("").val("1").text("Option 2"));
            $("").attr("name", "input2_"+j).appendTo(newDiv).append(
            $("").val("0").text("Option 1"), $("").val("1").text("Option 2"));
            $("").attr("name", "input3_"+j).appendTo(newDiv).append(
            $("").val("0").text("Option 1"), $("").val("1").text("Option 2"));
            $("").attr("name", "input4_"+j).appendTo(newDiv);
            $("").text("Remove").appendTo(newDiv).click(function(e) {
                e.preventDefault();
                $(this).parent().remove();
            })
                j++;
        }
    })
})

HTML:

    
        
                        01
                        02
                        03
                        04
                        05
                        06
                        07
                        08
                        09
                        10
                        11
                        12
                        13
                        14
                        15