JSFiddle - React, Tailwind, and code Playground

by Slico

HTML

<form action="" method="get">
  <h6>Location:</h6>
  <select class="form-control">
    <option value="0" selected="selected">Anywhere</option>
    <option value="?l=Bengaluru">Bengaluru</option>
    <option value="?l=Noida">Noida</option>
  </select>
  <h6>Job Type:</h6>
  <select class="form-control">
    <option value="0" selected="selected">Select</option>
    <option value="?t=Freelancer">Freelancer</option>
  </select>
  <h6>Job Category:</h6>
  <select class="form-control">
    <option value="0" selected="selected">Select</option>
    <option value="?c=data-scientist">Data Scientist</option>
  </select>
</form>

<h1 class="url"></h1>

JavaScript

$("select").on("change", function() {
  var url = "";
  $("select").each(function() {
    if ($(this).val() != 0) {
      url += $(this).val();
    }
  });
  $(".url").html(url);
});