Изменение значений (нескольких) выпадающих списков из одного выпадающего списка в MVC

Question

У меня есть страница MVC, с некоторыми элементами управления внутри формы. Часть мне нужна помощь с: У меня есть куча выпадающих списков. Все с динамическим именем (drop {0}, где {0} это идентификатор (действительно, это просто счетчик: 1,2,3 и т. д.)). В верхней части списка я хочу иметь еще одно раскрывающееся меню, которое будет обновлять ВСЕ раскрывающиеся списки при его изменении. Я сделал аналогичные вещи с флажками (отметьте один и все отмечены и т. Д.), Поэтому я предполагаю, что это можно сделать, надеюсь, так же просто. Я бы предпочел, чтобы это было на стороне клиента, поэтому после отправки формы новые значения будут добавлены / обновлены в базе данных.

Редактировать: значения ВСЕХ выпадающих списков являются статическими. Все они представляют собой список от 1 до 50, представляющий количество карточек, которые мне нужно изготовить для данной записи.

Вот как я сделал флажок:

$("#chkSelectAll").click(function() {
      $(".checkbox").attr('checked', this.checked);
 });

Есть мысли о том, с чего начать?

Спасибо!

Answer 1

Вы можете использовать начинается с селектор:

$('#somedropdown').change(function() {
    // when the value of the dropdown changes loop through other dropdowns
    // whose id begins with "drop"
    $('select[id^=drop]').each(function() {
        // do something with the dropdown
    });
 });

Answer 2

Одно возможное решение (очевидно, многих):

        $("#ddlQuantity").change(function() {
            $(".quantity").attr('selectedIndex', this.selectedIndex);
        });

Поскольку класс .quantity применяется ко всем созданным объектам, изменение .attr для "класса" работало просто отлично.

Answer 3

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

function onSelectChange(){
    var stext = $("#dropdown0 option:selected").val();
    switch (stext) {
    case "Value1":
        $("#dropdown1 > option[value='Good']").attr('selected','selected');
        $("#dropdown2 > option[value='9000']").attr('selected','selected');
        break;
    case "Value2":
        $("#dropdown1 > option[value='Better']").attr('selected','selected');
        $("#dropdown2 > option[value='34000']").attr('selected','selected');
        break;
    case "Value3":
        $("#dropdown1 > option[value='Good']").attr('selected','selected');
        $("#dropdown2 > option[value='1000']").attr('selected','selected');
        break;
    case "Value4":
        $("#dropdown1 > option[value='Better']").attr('selected','selected');
        $("#dropdown2 > option[value='9000']").attr('selected','selected');
    }
}

рабочий пример: http://jsbin.com/odabe