Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Raphaella Sousa

Quebra de Linha em javascript-Jquery

Recommended Posts

Olá, tenho o seguinte código com a função de mostrar o nome dos alunos selecionados em meu select na div exibir.

vejam:

</script>
<script type="text/javascript">
$(document).ready(function(){
$("#alunos").change(onSelectChange);
});
function onSelectChange(){
var selected = $("#alunos option:selected");
var output = "";
if(selected.val() != 0){
output = "Alunos Selecionados: " +'\n'+ selected.text();
}
$("#exibir").html(output)+'\n';
}
</script>
Mas na hora de mostrar os nomes eles aparecem todos colados, gostaria de uma quebra de linha mas não consigo fazem.
Tentei o '\n' mas não deu certo, talvez eu tenha inserido no lugar errado ou de forma errada.
Ou seja, Gostaria que os nomes dos alunos aparecessem em forma de lista.
Se puderem me ajudem por favor.
Obrigada

Compartilhar este post


Link para o post
Compartilhar em outros sites

Quebra de Linha em html é com <br> e não \n

A não ser que você os insira dentro de um elemento [inline]<pre>[/inline], mas não deve ser o caso. =)

Compartilhar este post


Link para o post
Compartilhar em outros sites

Como falaram utilize <br/> como abaixo:

</script> 
 
<script type="text/javascript">
$(document).ready(function(){
 
$("#alunos").change(onSelectChange);
 
});
 
function onSelectChange(){
var selected = $("#alunos option:selected");
var output = "";
if(selected.val() != 0){
output = "Alunos Selecionados: " +'<br/>'+ selected.text();
}
$("#exibir").html(output);
}
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.