Ir para conteúdo

POWERED BY:

Arquivado

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

horacio2009

[Resolvido] dom - escrever dentro de uma div

Por , em Javascript

Recommended Posts

horacio2009    1

horacio2009
Postado

Bom dia a todos!!!

estou tendo um pouco de dificuldade para escreve a variável pela função...se eu lanço um valor fixo, ele escreve numa boa, mas eu quero que escreva o que eu digitar no campo...como faço???

aí vai o código: 

<script type="text/javascript">
var nome = $('input[name="nome"]').val();
$(document).ready(function() {  
        $("#btn").click(function(){              
             $("#teste").append( "nome");
        });
});
</script>

obrigado a todos!!

horácio

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

cara, se é variável, então você não coloca aspas !

 

<script type="text/javascript">
$(document).ready(function(){
var nome = $("input[name='nome']").val();
        $("#btn").click(function(){              
             $("#teste").append( nome );
        });
});
</script>
simples assim.

Coloque aspas, apenas em strings

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

poste o HTML, ou o restante do script.

Não tem erro nesse trecho.

Compartilhar este post

Link para o post
Compartilhar em outros sites

horacio2009    1

horacio2009
Postado

la vai...

 



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
var nome = $('input[name='nome']').val();
$(document).ready(function() {  
        $("#btn").click(function(){              
             $("#teste").append( "nome");
        });
});
</script>

<title>Untitled Document</title>
</head>

<body>
<p>I would like to say:<div id="teste"></div></p>
<label>
    <input type="text" name="nome" id="nome">
</label>
    <label>
    <input type="button" name="btn" id="btn" value="btn">
</label>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alexandre M Narciso    0

Alexandre M Narciso
Postado

Coloca atribuição do valor do campo à variável "nome" dentro do evento e faça a alteração que o William Bruno sugeriu que é para funcionar:

 

<script type="text/javascript">
var nome;
$(document).ready(function() {  
        $("#btn").click(function(){           
	     nome = $("input[name='nome']").val();
             $("#teste").append(nome);
        });
});
</script>

Compartilhar este post

Link para o post
Compartilhar em outros sites

horacio2009    1

horacio2009
Postado

pessoal, consegui...mas usei "text" ao invés de append!! e funcionou do jeito que eu quero!!!

<script type="text/javascript">
//var nome;
$(document).ready(function() {  
        $("#btn").click(function(){           
             var nome = $('#nome').val();
			 var teste = $('#teste').val();
			  $('#texto').text(nome + teste);
        });
});
</script>
valeu pela força nesse ( e obviamente, nos demais) tópicos!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito