I’ve finally solve the problem!! @RobG was right about the form tag and table tag. the form tag should be placed outside the table. with that,
<td><input type="reset" id="configreset" value="Reset"></td>
works without the need of jquery or anything else. simple click on the button and tadaa~ the whole form is reset 😉 brilliant!
Related Posts:
- How to reset a form using jQuery with .reset() method
- jQuery AJAX submit form
- What do curly braces in JavaScript mean?
- Disable play/pause/full screen for HTML5
- How can I get form data with JavaScript/jQuery?
- FormData append not working
- Gravity Forms not loading under https, jQuery is not defined
- Uncaught ReferenceError: jQuery is not defined – although jQuery is loaded [closed]
- Required radio button does not validate in form, when clicked through Javascript/jQuery
- How to display contact form 7 form in vanilla js without jquery in frontend
- login form should redirect to register page for in 1st login next time it should redirected to home page
- Can’t Listen to KeyDown in TInyMCE Iframe (jQuery) and Pass it to Parent HTML FORM
- Form validation before submitting
- How to submit form data in the same page in WordPress without reloading the page?
- Cross-Origin Read Blocking (CORB)
- How can I refresh a page with jQuery?
- Bootstrap Dropdown menu is not working
- How can I upload files asynchronously with jQuery?
- How do I format date in jQuery datetimepicker?
- How to use npm jquery module?
- Jquery swipe left or right on mobile
- Can JavaScript connect with MySQL?
- How do I get an element to scroll into view, using jQuery?
- How do I check if string contains substring? [duplicate]
- Function not defined javascript
- jQuery: Check if div with certain class name exists
- Chrome/jQuery Uncaught RangeError: Maximum call stack size exceeded
- How to get height of div in px dimension
- jQuery: Uncaught Error: Syntax error, unrecognized expression
- How to use in jQuery :not and hasClass() to get a specific element without a class
- What is the best way to remove a table row with jQuery?
- Bootstrap popover is not working
- How to call a webservice method from an html page [javascript] with out refresh the page
- How to get unique values in an array
- Only on Firefox “Loading failed for the script with source”
- How can I remove all CSS classes using jQuery/JavaScript?
- How to add a button dynamically using jquery
- jQuery if Element has an ID?
- Complex JSON nesting of objects and arrays
- jQuery – Increase the value of a counter when a button is clicked
- White spaces are required between publicId and systemId
- How to use aria-expanded=”true” to change a css property
- Most efficient way to add javascript file to specific post and/or pages?
- How to HTML5 FormData Ajax
- jQuery UI Datepicker not working
- Using JavaScript and JQuery in Page
- How do I use WordPress PHP functions in my Javascript code?
- Enqueuing Script in functions.php vs on the page
- Display notification only once
- Question about the way that wp_register_script works
- Using wp_localize_script to store the template url into a variable to use in JS
- WP Admin missing icons, numerous JavaScript errors, but only when SCRIPT_DEBUG is false
- Automatically append ID to at the end of specific URLs
- How can I get my Calculate Contact Form 7 field to update with jQuery? [closed]
- Contact Form 7 – Uncaught TypeError: wpcf7.initForm is not a function [closed]
- Rhyzz Repeatable-fields javascript in php and wordpress
- Post repeating with infinite scroll
- Cannot use characters ” in jQuery script in WordPress
- Adding a Calculator to a WordPress Page
- Using Foundation 5 in WordPress Administration Area
- Ajax Validation for reCaptcha
- On click load iframe [closed]
- coding a WordPress AJAX Form using PHP to check if User is Logged Out and Show error
- how to get permalink
- oEmbed Video in Modal
- Load CSS files in header of Bones theme?
- Why a SlideShow (made using JQuery FlexSlider) can’t work if I load it form functions.php but work if I load it from my footer.php file? [closed]
- Creating multiple category drop down
- How to add a onclick attribute to a list of checkboxes?
- JS Plugin not executing the js correctly. Trying to make all internal links scroll smoothly
- Call javascript functions from each page
- Close modal window after form submit [closed]
- Ajax page load in wordpress the right way?
- Form will not popup, when clicking on the link to the form
- Jquery POST Ajax Return null data in wordpress
- internal anchor links no longer working after upgrade
- Ajax Call not Working in Plugin
- WordPress live search and filter
- Unable to use Datepicker in a table when inserting a row
- Update $wpdb query with AJAX
- Select parent from child class name then add another class name to the parent
- AJAX to add to cart multiple products woocommerce
- How to use $ with externally loaded javascript
- Getting click on item to open closest relevant element (popup) with jQuery
- How can i get the same ajax result using WP REST API instead of admin-ajax?
- WordPress load javascript file if something… (after the page is loaded)
- Bootstrap with separate js File
- Automatic add space if user enters number(any digit)
- How to get this jQuary script working?
- Disable drag metaboxes, create many functions using js not to work!
- value not saving in the form when dynamically creating an input
- Customize wp-admin form custom fields
- get_option include in my adsense
- jQuery ajax empty exeption on wordpress
- Admin panel: Javascript not loading properly. Cannot edit pages/posts [closed]
- Error – Uncaught TypeError: e.dispatchEvent is not a function
- WP Customizer get control value on change
- Execute javscript when theme customizer loads (autosave issue)
- AJAX call not initializing for non-admins in WordPress
- Insert meta-description into Yoast-SEO input-field via JavaScript