JavaScript Serialize Form Objects and convert to JSON Object

form.html

<!-- -- !IMPORTANT! -- MUST USE NAME INSTEAD OF ID FOR FORM ELEMENTS -->

<form id="form_id">
  <select name="select1">
    <option value="opt1" selected>Option 1</option>
    <option value="opt2">Option 2</option>
    <option value="opt3">Option 3</option>
  </select>
  <select name="select2">
    <option value="opt1" selected>Option 1</option>
    <option value="opt2">Option 2</option>
    <option value="opt3">Option 3</option>           
  </select>
  <input type="text" name="textinput1" value="search"/>
  <input type="submit">
</form>

getform.js

/*-- -- !IMPORTANT! -- Unfortunately this method does not get checkbox or radio button checked true/false --*/
let data = JSON.stringify(
  Object.fromEntries(
    new FormData(document.querySelector("#form_id")).entries()
  )
)

// data returns: {select1: "opt1", select2: "opt1", textinput1: "search"}

Allows getting all form element values from a single form id.