Sign in to follow this  
Digamo

Onchange - Limpar Campo

Recommended Posts

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>

Share this post


Link to post
Share on other sites
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>

Share this post


Link to post
Share on other sites
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>

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this