Buenos dias, espero que estén bien.
Tengo el siguiente array de dropdowns (ver 01.jpg)
La cuestión es la siguiente: cuando selecciono algo en el drop 5, necesito que se me activen los drops que estan al final, pero en la misma fila.
Actualmente lo logro, pero se me activa toda la columna (ver 02.jpg)
Les comparto el js que uso para activar o desactivar en base a lo que hago en el drop 5
Code:
$('.answer-item.column-6 .inserted-select', thisQuestion).change(function () {
var res = $('.answer-item.column-6 .inserted-select', thisQuestion).val();
var row = $(this).closest("tr").index();
var col = $(this).index();
if (res =="" || res == "2"){
//seteo el valor de los combos 7 y 8
$('.answer-item.column-7 .inserted-select', thisQuestion).prop('selectedIndex', 0);
$('.answer-item.column-8 .inserted-select', thisQuestion).prop('selectedIndex', 0);
$('.answer-item.column-7 .inserted-select', thisQuestion).prop("disabled", true);
$('.answer-item.column-8 .inserted-select', thisQuestion).prop("disabled", true);
}else{
$('.answer-item.column-7 .inserted-select', thisQuestion).prop("disabled", false);
$('.answer-item.column-8 .inserted-select', thisQuestion).prop("disabled", false);
}
});
Una que se me ocurrio es esto
Code:
$('.answer-item.column-6 .inserted-select', thisQuestion).change(function () {
var res = $('.answer-item.column-6 .inserted-select', thisQuestion).val();
var row = $(this).closest("tr").index();
var col = $(this).index();
if (res =="" || res == "2"){
//seteo el valor de los combos 7 y 8
$('.answer-item.column-7 .answer-item.row'+row+' .inserted-select', thisQuestion).prop('selectedIndex', 0);
}else{
$('.answer-item.column-7 .answer-item.row'+row+' .inserted-select', thisQuestion).prop("disabled", false);
}
});
pero sigue modificando toda las columnas...
A alguien se le ocurre alguna idea?
Gracias!