Actualizar contenido de un modal

[ZedGe1505]

No tengo el tiempo de recrear el código pero puede ser por que usas

Código:

appendChild()

Con eso agregas al final del modal tu resultado... y si el tamaño es menor a tu contenido (y el css conspira) siempre te mostrará el priemer resultado


EDITO:


= lo recree xD

Cuando usas

Código Javascript:

var div1 = document.createElement("div");
                div1.setAttribute("id","media");
        div1.innerHTML = "<div>Contenido de resultado 2 en modal</div>";
                document.body.appendChild(div1);
 

Creas un DIV #media y le insertas un div nuevo con el texto.... el append te irá creando DIV hacia abajo. Si modificas el append tienes el problema que = tienes 3 div con distinto ID, es decir, siempre te mostraría (en el peor de los casos) los div baja media y alta...

Prueba esto para ver si es lo que buscas

Código HTML:

<input type="button" name="Ver total" value="Resultado" onclick="motiva('1','1','1','1')" data-toggle="modal" data-target="#modalFormulario">
 

Código Javascript:

function motiva(valor1,valor2,valor3,valor4) {
            var total;
            total = parseInt(parseInt(valor1)+parseInt(valor2)+parseInt(valor3)+parseInt(valor4));
            total+=Math.random()*2;
            var div1 = document.createElement("div");
            div1.setAttribute("id","contenido");
            document.body.appendChild(div1);
            
            if (total < 5) {
               $("#contenido").html("<div>Contenido de resultado 1 en modal</div>")
            }
 
            else if (total < 7) {
               $("#contenido").html("<div>Contenido de resultado 2 en modal</div>")
            }
            
            else if (total >6){
               $("#contenido").html("<div>Contenido de resultado 3 en modal</div>")
            }
            
        }