JSFiddle - React, Tailwind, and code Playground

by yoowordpress

HTML

<form role="search" method="get" id="searchform" action="">
  <div>
    <label for="s">Search for:</label>
    <input type="text" value="" name="s" id="s">
    <input type="hidden" value="1" name="sentence">
    <input type="hidden" value="post" name="post_type">

    <input type="text" name="option1" value="a1" checked>Windows 95/98
    <br>
    <input type="text" name="option2" value="a2">Windows 2000
    <br>
    <input type="text" name="option3" value="a3">System X
    <br>
    <input type="text" name="option4" value="a4">Linux
    <br>
    <input type="text" name="option5" value="a5">X3-DOs
    <br>
    <input type="submit" id="searchsubmit" value="Search">
  </div>
</form>

JavaScript

$("#searchform").submit(function(e) {

  e.preventDefault(); // avoid to execute the actual submit of the form.

  var form = $(this),
    data = form.serialize();
  alert(data);

});