for Stackoverflow

for-stackoverflow.markdown

for Stackoverflow

A Pen by OMKAR AGRAWAL on CodePen.

License.

index.html

<select id="State">
  <option disabled selected> default</option>
  <option> NY</option>
  <option> CA</option>
  <option> MD</option>
</select>
<br><br>
<select id="food" hidden>
  <option disabled selected> default</option>
  <option> Lobster</option>
  <option> Steak</option>
  <option> Crab</option>
  <option> Salmon</option>
</select>

script.js

let locationString = ["", ""];

document.getElementById("food").addEventListener("change", event => {
  console.log(event);
  locationString[1] = event.target.value;
  // document.body.innerText += event.target.value;
  window.location.href += "/" + locationString.join("-");
});

document.getElementById("State").addEventListener("change", event => {
  // document.body.innerText += event.target.value;
  console.log(event);
  locationString[0] = event.target.value;
  document.getElementById("food").hidden = false;
});