JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html>
<head>
    <title>Page Title</title>
</head>

<body>
    <a href="#" id="link"> a link </a>
        
    <form name="testform" action="#" method="post">
    <select id="scope" name="scope">
        <option>one</option>
        <option>two</option>
    </select>
    </form>
</body>
</html>

JavaScript

jQuery(document).ready(function($) {
  $("#scope").hide();
    $("#link").click(function(event) {
      event.preventDefault();
      $("#scope").show();
  });
    $("#scope").change(function() {
        $("#testform").submit();
    });
});