Form Reset

[rskbuvanSpectator]

Hi,

I’ve a form with set of fields like jqxDropdownList, Checkbox, Radio Button & Text box and I want to rest the form. So I tried by following method,

<form name="userPrefForm" id="userPrefForm" method="">
<label for="time_Zone" title="Time Zone">Time Zone:</label>
<div  name="time_Zone" id="time_Zone" class="timezone_select"></div>
</form>
$('#userPrefResetBtn').on('click',function(){
		$('#userPrefForm')[0].reset();
	});

When I click the reset button in my form, only the text box value is getting reset. Rest of the fields like checkbox, radio button & dropdown list is still has the selected value.

Can anyone please help me on this?

I look for a solution.

Thanks & Regards,
\_rssb

[MariyaParticipant]

Hi rskbuvan,

Unfortunately it is not possible to reset the whole form. If you want you can reset the different widgets by using methods as shown:
1. For the jqxDropDownList you can use the ‘selectindex’ method with a -1 value
2. For the jqxCheckBox and jqxRadioButton you can use the ‘checked’ property set to false
If you have any further questions do not hesitate to contact us.

Best Wishes,
Mariya

jQWidgets Team
http://www.jqwidgets.com

[Author]

Posts