У меня есть 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();
}