javascript - How to restore default value of text field - jQuery -


i have page table having <input type="text"> fields. have button next each field. allow user change text of input fields. when user click button next input field, corresponding input field's value need restored default (previous) value. tried make array index input field's name. array can store default values, , can retrieved , restored corresponding fields. tried using keyup(function(), know triggers each time key pressed.

here html;

<input class="zx" type="text" name="qwer" value="google" /><button class="cncl">x</button><br /> <input class="zx" type="text" name="qwer" value="yahoo" /><button class="cncl">x</button><br /> <input class="zx" type="text" name="qwer" value="bing" /><button class="cncl">x</button><br /> <input class="zx" type="text" name="qwer" value="ask" /><button class="cncl">x</button><br /> 

here fiddle.

how can restore default values fields?

thanks in advance...:)

you can use defaultvalue property of input element

$('.cncl').click(function(){     $(this).prev().val(function(){         return this.defaultvalue;     }) }) 

demo: fiddle


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -