Ir para conteúdo
Fórum Script Brasil
  • 0

Formulário


Leonardo Dias

Pergunta

Ola,

Preciso ter a seguinte situação no meu formulário, onde eu seleciono uma opção de curso ele me mostra a descrição do curso no textbox.

Minha dúvida é como farei conseguir colocar um simples palavra no combobox e assim que eu selecionar a palavra ela me mostrar o significado (descrição ) em um outro textbox.

Isso é possível, alguém já viu algo do tipo.

tenho um exemplo de seleção da palavra e me mostra ela no textbox....

<html>

<body>

&lt;script type="text/javascript">

function ieStinks()

{

if (navigator.appName == "Microsoft Internet Explorer")

{

document.getElementById("txtCombo").style.width = "120px";

document.getElementById("selCombo").style.top = "44px";

}

}

function fakeCombo(x,e)

{

var S = document.getElementById("selCombo");

var L = S.options.length;

var found = false;

var myIndex = 0;

var keycode;

if (navigator.appName == "Microsoft Internet Explorer")

{ keycode = e.keyCode; }

else

{ keycode = e.which }

if (keycode == 13)

{

for (var i=0; i <= L-1; i++)

{

if (x.value == S.options.value) {found = true; myIndex = i};

}

if (found)

{

S.options.selectedIndex = myIndex;

}

else

{

S.options[s.options.length] = new Option(x.value,x.value);

S.options.selectedIndex = (S.options.length - 1);

}

return false;

}

}

function mySelect(x)

{

document.getElementById("txtCombo").value = x.options[x.selectedIndex].value;

}

</script>

</head>

<body onload="ieStinks();">

<form>

<input onkeypress="java script:return fakeCombo(this,event);"

id="txtCombo" class="txtBox" /><br/>

<select id="selCombo" class="dropDown"

onChange="java script:mySelect(this);" />

<option value="Volvo"/>Volvo

<option value="Saab"/>Saab

<option value="Fiat"/>Fiat

<option value="Audi"/>Audi

</select>

</form>

</body>

</html>

</body>

</html>

Por favor, mande sugestões.

Obrigado.

LéO...

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0

function mySelect(x) {
    document.getElementById("textArea").innerHTML = x.options[x.selectedIndex].value;
}
<form>
     <textarea name="textArea" cols="10" rows="5">
         Descrição..
     </textarea> 
     <br />
     <select id="selCombo" class="dropDown" onChange="java script:mySelect(this);" />
     <option value="Volvo"/>Volvo
     <option value="Saab"/>Saab
     <option value="Fiat"/>Fiat
     <option value="Audi"/>Audi
</select>

Não tenho certeza se vai funcionar, mas tente isso.

Abraços.

Editado por Durubi
Link para o comentário
Compartilhar em outros sites

  • 0

Tente trocar a função mySelect e duas coisas no form. (no seu código, esqueça o meu)

1º: Coloque o atributo name="selectForm" no <form>.

2º: Troque o onChange no select por onBlur e tire o "argumento" "this" da função mySelect no novo onBlur.

mySelect:

function mySelect() {
    var s = document.selectForm.selCombo.selectedIndex;
    document.getElementById("txtCombo").value = document.selectForm.selCombo.options[s].value;
}

Abraços.

Editado por Durubi
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...