Estoy usando el complemento Sumo Select para mi aplicación y la recarga no funciona. Tengo 2 desplegables.
dp1, dp2
Estoy extrayendo un conjunto de listas para dp1 y cuando se selecciona, dp2 se ordenará según los resultados de db1. para esto necesito tener dp2 recargado. El código está debajo.
$("#dp1").change(function(e){ e.preventDefault(); var id = document.getElementById("dp1").value; $.ajax({ url:'try_out.php', method: 'POST', dataType: 'json', data: {id:id}, success:function(data){ $.each(data.line_items, function(i, item_list) { $('#dp2')[0].sumo.add(item_list.description); }); //WHERE IT HAS TO BE RELOADED - DOESN'T WORK $('#dp2')[0].sumo.reload(); }, failure: function (data) { console.log('AUL'); } }); });¿Dónde estoy cometiendo el error! Salud.
Esto costó mucho. Finalmente descubrí que eliminar primero los datos de selección HTML y luego volver a cargar el menú desplegable hará que el menú desplegable se actualice.
$('#dp2').html(''); $('#dp2')[0].sumo.reload();La respuesta:
$("#dp1").change(function(e){ $('#dp2').html(''); $('#dp2')[0].sumo.reload(); e.preventDefault(); var id = document.getElementById("dp1").value; $.ajax({ url:'try_out.php', method: 'POST', dataType: 'json', data: {id:id}, success:function(data){ $.each(data.line_items, function(i, item_list) { $('#dp2')[0].sumo.add(item_list.description); }); //WHERE IT HAS TO BE RELOADED - DOESN'T WORK $('#dp2')[0].sumo.reload(); }, failure: function (data) { console.log('AUL'); } }); });