ajax e combobox

[laurinha2004]

Tenho o seguinte codigo:

<select name="tipo" id="tipo">
   <option value="1">Dinheiro</option>
   <option value="2">Alimento</option>
   <option value="3">Roupas</option>
</select>
&nbsp;&nbsp;<input type="text" name="valor" size="20">
&nbsp;

Gostaria de no final do campo text, em uma div aparecesse o que o usuário escolheu no tipo, da seguinte forma:

Dinheiro -> aparecer "R$"

Alimento -> aparecer "Kg"

Roupas -> aparecer "Peças"

[Jonathan Queiroz]

Em qual div isso deve aparecer ?

É algo bem simples, algo como:

var elemento=document.getElementById("seu_elemento")
switch(document.getElementById("tipo").value){
case 1:
elemento.value="R$"
break
case 2:
elemento.value="kg"
break
case 3:
elemento.value="Peças"
}

Obs.:

Recomendo que utilize a tag span ao invés da div nesse caso.

[laurinha2004]

alterei o codigo da seguinte maneira, mas não escreveu nada dentro da tag span...é preciso colocar um método no javascript e dpois no select usar algum onselect?

<script>
var elemento=document.getElementById("resposta")
switch(document.getElementById("tipo").value){
    case 1:    elemento.value="R$"; break;
    case 2:    elemento.value="Kg"; break;
    default:    elemento.value="Peças";
}
</script>
<select name="tipo" id="tipo">
   <option value="1">Dinheiro</option>
   <option value="2">Alimento</option>
   <option value="3">Roupas</option>
</select>
&nbsp;&nbsp;<input type="text" name="valor" size="20">
&nbsp;
<span id="resposta"></span>

[Jonathan Queiroz]

É necessário criar um método para isso, recomendo que utilize o onchange do seu select.

[Geasi Marcos]

ahh, acho que entendi o que você queria...

tipo digitar um valor (por exemplo 439) em um campo e mostrar com o tipo selecionado assim: "439 KG" ou "R$ 439" ou "439 peças"...

é isso??

segue código:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script>
function escrever(){
    tipo = document.formulario.tipo.value;
    valor = document.formulario.valor.value;
    if (tipo == "R$"){
        document.getElementById("spanText").innerHTML = tipo + " " + valor;
    } else {
        document.getElementById("spanText").innerHTML = valor + " " + tipo;
    }
}
</script>
<form name="formulario" id="formulario">
<select name="tipo" id="tipo" onChange="escrever()">
    <option></option>
    <option value="R$">Dinheiro</option>
    <option value="Kg">Alimento</option>
    <option value="Peças">Roupas</option>
</select>
<br>
<input type="text" name="valor" id="valor">
</form>
<span id="spanText"></span>

Editado Outubro 28, 2009 por Geasi Marcos