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

Onchange - Limpar Campo


Digamo

Pergunta

Tenho um formulário que tem uma lista de seleção com 3 opções e um campo texto.

Gostaria de que assim que a pessoa mudasse a opção no select o campo de texto fosse limpo e a lista de seleção ficasse com a

opção selecionada.

Alguém pode me ajudar?

Abaixo segue código do meu formulário.

<div class="corpo">

        <span>
    
            Tipo Documento:
            
            <html:select property="tipoDocumento" value="${tipoDoc}" disabled="${controleForm}" 
            onchange="resetTextField(this.form)">
                <html:option value="1">Processo</html:option>
                  <html:option value="2">Petição</html:option>
                  <html:option value="3">Expediente</html:option>
            </html:select>

        </span>
          
          <span style="padding-left: 10px">

              Número: 
            <html:text property="numProcCompl" value="${numDocEdit}" size="50" disabled="${controleForm}"/>
            
          </span>

Link para o comentário
Compartilhar em outros sites

3 respostass a esta questão

Posts Recomendados

  • 0
Tenho um formulário que tem uma lista de seleção com 3 opções e um campo texto.

Gostaria de que assim que a pessoa mudasse a opção no select o campo de texto fosse limpo e a lista de seleção ficasse com a

opção selecionada.

Alguém pode me ajudar?

Abaixo segue código do meu formulário.

<div class="corpo">

        <span>
    
            Tipo Documento:
            
            <html:select property="tipoDocumento" value="${tipoDoc}" disabled="${controleForm}" 
            onchange="resetTextField(this.form)">
                <html:option value="1">Processo</html:option>
                  <html:option value="2">Petição</html:option>
                  <html:option value="3">Expediente</html:option>
            </html:select>

        </span>
          
          <span style="padding-left: 10px">

              Número: 
            <html:text property="numProcCompl" value="${numDocEdit}" size="50" disabled="${controleForm}"/>
            
          </span>

acho que isso resolve testa ai...

<script language="javascript">

function limpa()

{

document.all('texto').value ="";

document.all('combo').focus();

}

</script>

<span>

Tipo Documento:

<select value="asdfasdf" name="combo" onchange="limpa()">

<option value="1">Processo<option>

<option value="2">Petição<option>

<option value="3">Expediente<option>

<select>

</span>

<span style="padding-left: 10px">

Número:

<input type=text name="texto" value="teste" size="50" >

</span>

Link para o comentário
Compartilhar em outros sites

  • 0
Acusa o seguinte erro: 'document.all(...)' é nulo ou não é um objeto

Isso acomtece quando ele não acha o campo na página(ele procura pelo name, no exemplo eu usei texto e combo)

Lembrambo que se você mudar o nome dos campos deve mudar também na função(verifique em vermelho):

<script language="javascript">

function limpa()

{

document.all('texto').value ="";

document.all('combo').focus();

}

</script>

<span>

Tipo Documento:

<select value="asdfasdf" name="combo" onchange="limpa()">

<option value="1">Processo<option>

<option value="2">Petição<option>

<option value="3">Expediente<option>

<select>

</span>

<span style="padding-left: 10px">

Número:

<input type=text name="texto" value="teste" size="50" >

</span>

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
      152k
    • Posts
      651,7k
×
×
  • Criar Novo...