0

Eu preciso armazenar um código HTML no banco de dados. Eu consigo gerar esse HTML e exibi-lo em uma modal da forma como eu quero.

Porém quando vou salvar ele no banco, tenho que rodar o comando:

var $texto = $html.prop('outerHTML');

para passar como parâmetro a varíavel $texto para o AJAX... o que acontece é que utilizando o outerHTML todos os valores dos campos são perdidos e eu não consigo encontrar uma solução para isso.

Lembrando que a variável $html quando coloco para ser exibida em um modal tem todos os valores:

swal({
  title: "Correção",
  html: $html
});

Simplificando eu utilizo o outerHTML para transformar o HTML em string, porém quando isso acontece os valores dos inputs não vão junto.

Como faço para que os valores dos campos fiquem no código?

Código simplificado:

var $html = $('<div />',{html:text});//text tem o HTML vindo do banco

$html.find('[type="text"]').each(function(i){//Esse each popula o formulário
      $(this).prop('value',resposta_aluno[i+1]);
      $(this).prop('disabled', true);
      if(acertos[i] == 0){
        $(this).addClass("exercicio_errado");
      }
    });

var $texto = $html.prop('outerHTML');//transforma o HTML em texto para que possa ser inserido no banco
2
  • Explique melhor o seu problema e apresente toda a parte relevante do código. Commented 1/02/2019 às 18:13
  • @LeandroAngelo Simplificando, eu utilizo o outerHTML para transformar o HTML em string, porém quando isso acontece os valores dos inputs não vão junto. e eu preciso que o código no banco contenha os values dos inputs para que já venham preenchidos Commented 1/02/2019 às 18:18

1 Resposta 1

1

Para deixar explícito na declaração do elemento, substitua o $(this).prop('value',resposta_aluno[i+1]); por $(this).attr('value',resposta_aluno[i+1]);

var $html = $('<div />',{html:'<input type="text" />'});//text tem o HTML vindo do banco

$html.find('[type="text"]').each(function(i){//Esse each popula o formulário
      $(this).attr('value',"A");
      $(this).prop('disabled', true);
      
    });

var $texto = $html.prop('outerHTML');//transforma o HTML em texto para que possa ser inserido no banco
console.log($texto);
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div />

2
  • Valeu cara, é exatamente o que eu precisava!! Commented 1/02/2019 às 19:43
  • 1
    Depois eu vou editar a resposta com a explicação do porque Commented 1/02/2019 às 20:04

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .