JSFiddle - React, Tailwind, and code Playground

by Jericko Tejido

HTML

<div id="testform">
                 <input class="input_rid" type="text" name="rid" id="rid" value="" placeholder="rid" required>
                 <input class="input_recipient_id" type="text" name="recipient_id" id="recipient_id" value="" placeholder="recipient_id" required>
                    <select class="select_eml" name="email_type" id="email_type" required>
                    <option value="">Email type</option>
                        <option value="Body">Body</option>
                        <option value="Body & Attachment">Body & Attachment</option>
                        <option value="Link">Link</option>
                        <option value="Internal Attachment">Internal Attachment</option>
                        <option value="External Attachment">External Attachment</option>
                        </select>
                    <select class="select_tcb" name="to_cc_bcc" id="to_cc_bcc">
                        <option value="">To_CC_BCC</option>
                        <option value="to">To</option>
                        <option value="cc">CC</option>
                        <option value="bcc">BCC</option>
                        </select>
                <input class="input_sd" type="date" name="start_dte" id="start_dte" value="" placeholder="start_dte" required>

                <input class="input_ed" type="date" name="end_dte" id="end_dte" value="" placeholder="end_dte">
                 <input type= "button" onclick="test()" value="Save">

            </div>

JavaScript

$.fn.serializeObject = function()
{
   var o = {};
   var a = this.serializeArray();
   $.each(a, function() {
       if (o[this.name]) {
           if (!o[this.name].push) {
               o[this.name] = [o[this.name]];
           }
           o[this.name].push(this.value || '');
       } else {
           o[this.name] = this.value || '';
       }
   });
   return o;
};


window.test = function() {
headers
var formData = JSON.stringify(jQuery('#testform').serializeObject());
console.log(formData);
}