"reset" Or "clear All" Button In A Search Page

[Elena]

Hello there,

 

Is it possible to add a "Reset" or  a "Clear All" button in the "Configuration Search Field" area of a tabular report?

 

I would like to show "Reset or a Clear All" button on my Search Page that has multple search criteria.

 

I have investigated and searched  high and low to see if there is such a button within the Caspio Styles.

So far, I have not been successful in finding it.

 

Can anyone please recommend either a SQL statement or a Javascript?

Better still does Caspio give this ability to edit or create this function anyway?

 

 

Thank you so very much in advance.

 

Elena

[Elena]

Just to be clear, below is my script that doesn't seem to like to work with Search Forms.

 

<button onclick="this.form.reset()" style="color:blue;cursor:pointer">Clear All</button>

 

Please help.

[codell]

Elena,

 

Is this what you are looking for?

 

http://howto.caspio.com/tech-tips-and-articles/common-customizations/how-to-add-a-reset-button-to-clear-a-form/

 

 

For example: http://b6.caspio.com/dp.asp?AppKey=85b33000a5818c495ed349b9b7c9

 

Cooper

[Elena]

Hi Cooper,

 

Yes that is exactly what I need. Thank you for your help.

The code worked very well for my purpose.

 

E

[MargaretBroo]

The  reset() method is used to reset the values of all elements in a form ,it is same as clicking the reset button. The reset () method is supported in all major browsers. The syntax for that is

formObject.reset()

[cheonsa]

Hi @Elena,

 

I found a similar post like yours. You may want to check their solutions here:

 

-kristina

 

[ParkLoey]

Hey there everyone. I have also stumbled upon this other workaround that worked on my end. This one reloads the search to clear the search fields. Hopefully this gives you another idea on how you can clear the fields: