Установите выбранный параметр в динамически заполняемом раскрывающемся списке Jquery

У меня есть 2 каскадных раскрывающихся списка: раскрывающийся список A (заполняется из базы данных без статических значений) и раскрывающийся список B.

Пользователь выбирает значение из раскрывающегося списка A и на основе этого значения заполняются в раскрывающемся списке B (опять же из локально сохраненной таблицы данных). Все работает нормально.

Теперь предположим, что в раскрывающемся списке A есть элементы: Item1, Item 2, Item 3....

Выпадающий список B имеет значения для элемента 1: 10,20,30.

для пункта 2: 10,50,40

для пункта 3: 20,70,90.

Пользователь выбирает элемент 1 и выбирает значение «10» из списка «Вниз», страница отправляется, и для новой записи он выбирает элемент 2,

Теперь мое требование состоит в том, что если пользователь выбирает элемент 2, то мое раскрывающееся меню B должно автоматически по умолчанию иметь значение «! 0», поскольку это было последнее значение, которое выбрал пользователь, а также это значение, которое существует для элемента 2.

Я динамически создаю оба раскрывающихся списка следующим образом:

function some (){

    var numUnits = measureSet.length;
    var htmlOutput = '<select name="select-choice-a_point" class="ui-select" id="select-choice-a_point" data-native-menu="false"><option>Select a Fluid Type</option>';
    for ( var i = 0; i < numUnits; i++) {

        htmlOutput += '<option value="' + measureSet[i] + '">' + measureSet[i]
        + '</option>';
    }
    htmlOutput += '</select>';

    $("#select-choice-a_point-button").remove();
    $("#select-choice-a_point").remove();
    $("#pointlabel").after(htmlOutput);
    $("#select-choice-a_point").selectmenu();

}

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


Я уже пробовал это, это не сработало, и оно по-прежнему показывает значение по умолчанию, которое «Выберите тип жидкости», пожалуйста, смотрите мой код ниже

  function abc(){


   var setLength = measureSet.length;
   var valueSet = false;
    alert(prevFuelType);
     for ( var i = 0; i < setLength; i++) {

            if(prevFuelType == measureSet[i]){

        alert("inside condition");
        valueSet =  true;
        break;
    }
}
var htmlOutput = '<select name="select-choice-a_point" class="ui-select"  id="select-choice-a_point" data-native-menu="false"><option>Select a Fluid Type</option>';


var numUnits = measureSet.length;

for ( var i = 0; i < numUnits; i++) {


    htmlOutput += '<option value="' + measureSet[i] + '">' + measureSet[i]
    + '</option>';
}
htmlOutput += '</select>';

$("#select-choice-a_point-button").remove();
$("#select-choice-a_point").remove();
$("#pointlabel").after(htmlOutput);
$("#select-choice-a_point").selectmenu();
if(valueSet == true){
    alert("bout to set");
    //$("select[id$='select-choice-a_point'] option:selected").removeAttr("selected");
    //$("select[id$='select-choice-a_point'] option[value="+ prevFuelType + ']").attr("selected","selected");

        /*  $('#select-choice-a_point option:[text="' + prevFuelType + '"]').attr('selected', true);
    $('#select-choice-a_point option:[value="' + prevFuelType + '"]').attr('selected', true);*/
    $("#select-choice-a_point").val(prevFuelType);
    $("#select-choice-a_point").text(prevFuelType);
}



$('#measurepointfield').show();
}

person Shweta    schedule 30.07.2014    source источник


Ответы (1)


person    schedule
comment
я сам решил это и использовал $('#select-choice-a_point').val(prevFuelType).selectmenu('refresh'); - person Shweta; 31.07.2014