Onchange - Limpar Campo

[Digamo]

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>

[Silas Thomaz]

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>

[Digamo]

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

Editado Maio 22, 2007 por Digamo

[Silas Thomaz]

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>