allow to select detector for ranking

resources/views/app/ranking.blade.php

@@ -8,13 +8,12 @@
     <form method="GET" class="form-inline my-3">
         <div class="form-group">
             <label for="label">Detector : </label>
-            <select class="form-control" id="label" name="label">
+            <select class="form-control" id="label" name="label" autofocus>
                 @foreach ($detectors as $detector)
                 <option {{ ($detector["label"] == $label) ? "selected" : "" }}>{{ $detector["label"] }}</option>
                 @endforeach
             </select>
         </div>
-        <button type="submit" class="btn btn-primary">Apply</button>
     </form>
 
     <table class="table">
@@ -43,4 +42,14 @@
     </table>
 
 </div>
+
+<script type="text/javascript">
+    window.addEventListener('load', function() {
+        $("#label").change(function() {
+            var label = $(this).children("option:selected").val();
+            console.log("Move to " + label);
+            window.location = "/app/ranking/" + label;
+        });
+    });
+</script>
 @endsection
\ No newline at end of file