Escrever dentro do input com o js

[Ricardo Lima CSJ 0]

Olá galera do imaster.

Queria saber como faço para escrever um texto dentro de um input atraves do js.

ex.:

<script>
    function escrever(){
      //script que não sei
    }
</script>
<input type="text" name="escrev">
<a href="#" onClick="escrever()" id="222">clique aqui</a>

Quando clicar no link, o valor do id aparecer no input.

 

Desde já vlw galera...

[William Bruno 1501]

basta atribuir a propriedade .value do objeto input

 

 

<script type="text/javascript">
    function escrever( el ){
       document.getElementById('escrev').value = el.id;
    }
</script>
<input type="text" name="escrev" id="escrev">
<a href="#" onClick="escrever( this )" id="222">clique aqui</a>

[Ricardo Lima CSJ 0]

Vlw William Bruno.

Mas no caso se meu input não poder ter um id, apenas o name, da certo?

[William Bruno 1501]

até dá, mas dái você tem q dar uma pesquisada para ir navegando no dom, e achar o teu input.

 

getElementsByTagName('input').. e então procurar pelo .name e atribuir.

[51L3N7 1]

Você tem que usar document.getElementsByName pra pegar o elemento. Só que nele você tem que setar o número da tag entre colchetes, já que vários elementos podem ter o mesmo name.

 

Exemplo:

 

document.getElementsByName( 'Teste' )[0].value = 'Isso vai trocar o value da primeira tag que tem o name = Teste';

[Ricardo Lima CSJ 0]

Pessoal não esta dando certo.

Acho que é melhor da a linha de codigos que tenho.

index.php

<script>
function openAjax() {
var Ajax;
try {
	Ajax = new XMLHttpRequest(); // XMLHttpRequest para browsers mais populares, como: Firefox, Safari, dentre outros.
}catch(ee){
	try {
		Ajax = new ActiveXObject("Msxml2.XMLHTTP"); // Para o IE da MS
	}catch(e){
		try {
			Ajax = new ActiveXObject("Microsoft.XMLHTTP"); // Para o IE da MS
		}catch(e){
			Ajax = false;
		}
	}
}
return Ajax;
} 

function carregaAjax(div, getURL) {
document.getElementById(div).style.display = "block";
if(document.getElementById) { // Para os browsers complacentes com o DOM W3C.
	var exibeResultado = document.getElementById(div); // div que exibirá o resultado.
	var Ajax = openAjax(); // Inicia o Ajax.
	Ajax.open("GET", getURL, true); // fazendo a requisição
	Ajax.onreadystatechange = function(){
		if(Ajax.readyState == 1) { // Quando estiver carregando, exibe: carregando...
			exibeResultado.innerHTML = "<div>Carregando</div>";
		}
		if(Ajax.readyState == 4) { // Quando estiver tudo pronto.
			if(Ajax.status == 200) {
				var resultado = Ajax.responseText; // Coloca o retornado pelo Ajax nessa variável
				resultado = resultado.replace(/\+/g,""); // Resolve o problema dos acentos 
				//resultado = resultado.replace(/ã/g,"a");
				resultado = unescape(resultado); // Resolve o problema dos acentos
				exibeResultado.innerHTML = resultado;
			} else {
				exibeResultado.innerHTML = "Por favor, tente novamente!";
			}
		}
	}
	Ajax.send(null); // submete
}
}

function esc(el,did){

var valor = val.getAttribute("id");

if(did==1){
	document.getElementsByName( 'nome_pessoa' )[0].value = 'Isso vai trocar o value da primeira tag que tem o name = Teste';
}

}
</script>
<input type="text" name="nome_pessoa" onKeyUp="carregaAjax('nome_pessoa', 'busca_nome.php?nome=' + this.value)" onKeyDown="carregaAjax('nome_pessoa', 'busca_nome.php?nome=' + this.value)" style="height:20px;">
<div id="nome_pessoa"></div>

 

busca_nome.php

<?php
if(!empty($_GET["nome"])){
	$nome = $_GET["nome"];

               $con = mysql_connect("localhost","root","") or die (mysql_error());
	mysql_select_db("teste") or die(mysql_error());

	// Executa a instrução SELECT passando o que o usuário digitou
	$sql="select * from c_familia where NOME like '$nome%' ORDER BY NOME ASC LIMIT 0,3";
	$resultado=mysql_query($sql) or die (mysql_error());

	//Verifica a quantidade de registros retornados
	$linhas=mysql_num_rows($resultado);

	if($linhas>0){
		// Executa um LOOP para mostrar os nomes das pessoas
		// Vale lembrar que todos esses resultados serao mostrados dentro da pagina index.html dentro da DIV pagina
		while($pegar=mysql_fetch_array($resultado))
		echo "<a href='#' onClick='esc(this,1);' id='$pegar[NOME]'>$pegar[NOME] </a><br />";
	}
}
?>

[51L3N7 1]

E porque não tá dando certo?

 

A propósito, essa sua função openAjax está muito POG. Dá pra fazer isso com uma linha usando ternários.