JSFiddle - React, Tailwind, and code Playground

HTML

<br />
<br />
<form name="form1" id="form1" method="post" action="">&nbsp;&nbsp; Sort:
    <select id="sortby" name="sortby">
        <option value="Score">Punkte</option>
        <option value="Price">Preis</option>
        <option value="ProductName">Name</option>
        <option value="LastImported">Datum</option>
    </select>&nbsp;&nbsp; Richtung:
    <select id="order">
        <option value="ascending">aufsteigend</option>
        <option value="descending">ab-steigend</option>
    </select>&nbsp;&nbsp; OK:
    <input type="submit" value="Weiter" />
</form>
<br />

JavaScript

$(function () {

    var sortOrderMap = {
        Score: 'descending',
        Price: 'ascending',
        ProductName: 'ascending',
        LastImported: 'descending'
    };

    /* --- set start sortby by default --- */

    $('#sortby').val('Score');
    $('#order').val('descending');

    /* --- set order on change sortby --- */

    $('#sortby').change(function () {
        var sorty = this.value;
        var order = sortOrderMap[sorty];
        if (typeof order !== 'undefined') {
            $('#order').val(order);
        }
    });

    $("#form1").submit(function (ex) { 
        var sorty = $('#sortby').val(); 
        var order = $('#order').val(); 
        alert(sorty + " --- " + order );
        ex.preventDefault();
    });

});