Javascript to clear form field on button click

Question

I have a field called 'inputaddress' which a user types address details into, so they can perform a google map geocode.

What I would like to do is when the user clicks on the 'searchfortheaddress' button, it will perform the geocode but will then clear the 'inputaddress' field.

Could someone perhaps tell me please how I can clear the field.

score 21 · Accepted Answer · edited Dec 15 '11 at 01:46

21

document.getElementById("inputaddress").value = '';

edited Dec 15 '11 at 01:46

animuson

53,861
28
137
147

answered Jul 19 '11 at 16:16

Barry Kaye

7,682
6
42
64

1

That's absolutely brilliant. Thank you very much. – IRHM Jul 19 '11 at 16:20

score 4 · Answer 2 · answered Jul 19 '11 at 16:16

4

Would $('#inputaddress').html(""); or document.getElementById('inputaddress').value="" work?

answered Jul 19 '11 at 16:16

Eamorr

9,872
34
125
209

score 1 · Answer 3 · answered Jul 19 '11 at 16:15

1

document.getElementById("inputaddress").value = '';

answered Jul 19 '11 at 16:15

psx

4,040
6
30
59

fixed it a second before you posted that comment. jquery comes far more naturally than plain javascript :) – psx Jul 19 '11 at 16:17

lovesh · Answer 4 · 2011-07-19T16:24:54.937

0

i am assuming that u id your input address field addr just add this code to the onclick event of your searchforaddress button

document.getElementById('addr').value="";

like this (i am assuming is of ur searchforaddress button is searchforaddress)

    document.getElementById('searchforaddress').onclick=function() {
    document.getElementById('addr').value="";
};

edited Jul 19 '11 at 16:24

answered Jul 19 '11 at 16:19

lovesh

5,235
9
62
93

All, many thanks for taking the time to reply and for your help and solutions. Kind regards Chris – IRHM Jul 19 '11 at 16:56

Javascript to clear form field on button click

4 Answers4