Ir para conteúdo

POWERED BY:

Arquivado

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

horacio2009

preencher campos com array

Por , em Javascript

Recommended Posts

horacio2009    1

horacio2009
Postado

bom dia a todos!!!

pessoal, seguinte:

tenho um array com nome, endereço, etc, etc...

e quero usar valores dessa array para preencher campos, como (ok, reduntante...)nome, endereço...hoje em dia, eu recarrego os campos via ajax, mas não estou satisfeito , pq ainda foge do que acho "correto"...

enfim...como pego valores de uma array e preencho os campos...

obs.: quero fazer isso com jquery!!!

sem mais, obrigado pela atenção!!

Horácio

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado 
<script>
$(document).ready(function() {

 $('#ok').click(function() {
 var dados = ['joão','maria','pedro']; // <- dados em Array
 
 $('#name1').val(dados[0]);
 $('#name2').val(dados[1]);
 $('#name3').val(dados[2]);

 return false;
 });
 
});
</script>

HTML

<input id="name1" />
<input id="name2" />
<input id="name3" />

<button id="ok" >OK</button>

Compartilhar este post

Link para o post
Compartilhar em outros sites

horacio2009    1

horacio2009
Postado

entendi...mas e se a array vier de um outro arquivo?

geralmente uso o $.get("arquivo.php",function(data){$("#id_daDiv").html(data)})

 

mas aí, geralmente, troco o conteúdo todo da div...nesse caso, do "data", seria possível (to viajando na maionese, admito)colocar data['valor_da_array_que_eu_desejo']????????????

Compartilhar este post

Link para o post
Compartilhar em outros sites

horacio2009    1

horacio2009
Postado

sim...por exemplo...faria uma consulta com php, geraria a array, usaria o json_encode(ACHO que é essa a função para converter o array) e no arquivo php que o jquery leria através do $.get, retonaria essa array...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado

Okay, ficaria assim...

 

PHP

.... query()..

while( $row = $sql->fetch_object() ){
   $data[0] = array(
      'nome'  => $row->nome,
      'email' => $row->email
   );
}
echo json_encode( $data );

jQuery

...

$.getJSON('arquivo.php?id=..', function(ok){
    $('id_nome').val( ok[0].nome );
    $('id_email').val( ok[0].email );
});

...

Compartilhar este post

Link para o post
Compartilhar em outros sites

horacio2009    1

horacio2009
Postado

ERRO MEU PESSOAL!!! agora acertei!! muito obrigado, Hugo!!!!

 

 

 

oi!! obrigado pela dica...testei mas ainda não deu certo...veja como eu fiz:

 

o jquery:

 

$(document).ready(function(){
$("#teste").click(function(){
$.getJSON('testex2.php',function(ok){
$('#input').val( ok[0].nome);
})
})
})
o php :
<?php
$array[0] = array("nome"=>123,"email"=>1234);
echo json_encode($array);
?>
php retorna [{"nome":123,"email":1234}]
aqui, o html
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/Consulta.js"></script>
</head>
<body>
<span id="teste">TODO write content</span>
nome:<input type="text" id="input">
</body>
</html>
parece tudo certo, mas ainda não deu certo...o que pode ser?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado

Falta você incluir o dito cujo.

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="js/Consulta.js"></script>

<!-- INCLUIR O JQUERY -->
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

</head>

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