Как я могу изменить параметры в раскрывающихся списках, если он генерируется динамически?

У меня есть этот скрипт для генерации трех выпадающих списков и одного поля ввода текста для моей веб-формы, которые я должен отправить в базу данных с помощью 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
                        
    

    

 Harsh13 окт. 2012 г., 13:50
да, я хочу изменить параметры раскрывающегося списка на основе выбора, сделанного в предыдущих раскрывающихся списках. Я попытался найти работающий пример, но я не смог его использовать, поскольку мои выпадающие списки генерируются динамически с помощью сценария.
 Serge Wautier13 окт. 2012 г., 13:40
Ваш вопрос неопределенный. Хотите знать, как реагировать на выбор пользователя в выпадающем списке? Вы хотите изменить и / или выбрать вариант существующего раскрывающегося списка? Ваша проблема связана с серверной частью PHP? Что ты пробовал?

Ответы на вопрос(2)

Поскольку вы используете JQuery, я предлагаю добавитьменять событие к вашему выпадающему. (Связанная страница документации jQuery содержит полный пример).

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

Статический: ваш PHP-код, который создает страницу, заполняет массив javascript всеми возможными опциями, необходимыми в соответствии с выбором пользователя в первом выпадающем списке. Тогда ваш код JavaScript может использовать этот массив всякий раз, когда инициируется событие изменения.

Динамический: если подвыборы могутне может быть предсказано или загружено при загрузке страницы, используйте jQueryАякса запросить у сервера параметры, соответствующие выбору пользователя. Вы также можете прочитать оJSon формат данных (поддерживается PHP с использованиемjson_encode)

 Harsh13 окт. 2012 г., 13:52
оценил, но все же, как я уже говорил ранее, я очень новичок в этом, этоЭто будет Rocket Science для меня, чтобы понять и использовать это для себя.
 Harsh13 окт. 2012 г., 13:47
Спасибо за предоставленное решение, но я новичок в javascript и действительно нене знаю, как успешно использовать ваш ответ для меня.
 Harsh13 окт. 2012 г., 13:59
Я это понимаю. Так что мне делать?
 Serge Wautier13 окт. 2012 г., 13:53
Нет, извините, я могу поставить вас на правильный путь, но я могуне делайте работу за вас и не пишите полное руководство по проблеме. Вы'Вам придется больше исследовать самостоятельно.

DEMO

Я дал sel и кнопке ID и изменил доступ dom к jQuery

Я также использую «я» и "J" сейчас

Предполагая, что вы хотите синхронизировать 3 выбора, код может выглядеть следующим образом

$(function() {
  $("input[type=button][value=Add]").click(function(e) {
    e.preventDefault();
    for (var i=0,n=$('#sel').val();i
 Harsh13 окт. 2012 г., 14:10
хорошо, позвольте мне попробовать. Это моеJSFIDDLE то, что я хотел, это после генерации желаемого количества наборов, выбрав номер из выпадающего списка в этой скрипке, он будет генерировать наборы из 3 выпадающих и 1 поля ввода динамически. Поэтому, если кто-то выберет первый вариант из первого раскрывающегося списка, он должен изменить и другие раскрывающиеся списки. Дайте мне знать, если вы хотите, чтобы я был более конкретным
 Harsh13 окт. 2012 г., 14:44
Сэр, смог ли я прояснить ситуацию с помощью этого JSFIDDLE (если вы уже смотрели на это)?
 mplungjan13 окт. 2012 г., 17:35
Смотрите обновление ......
 Harsh13 окт. 2012 г., 13:46
спасибо за предоставленное решение. но проблема в том, что я очень новичок в javascript, поэтому я действительно не знаю, как использовать предоставленное вами решение для моего использования. Можете ли вы помочь заранее.

Ваш ответ на вопрос