Übergeben bedingter Daten basierend auf URL-Zeichenfolge und Formularauswahl

Question

Wie können wir den entsprechenden Verweiscode in dem folgenden Szenario basierend auf der URL-Zeichenfolge und ausgewählten Farbe übergeben?

Formular wählen (Farben): Red Blau Schwarz Weiß

<input type="hidden" value="" name="mktrfl"> 

<select name="color"> 
    <option value="">--Please Select--</option> 
    <option value="red">Red</option> 
    <option value="blue">Blue</option> 
    <option value="black">Black</option> 
    <option value="white">White</option> 
</select> 

Szenario 1: Wenn Benutzer auf die Seite mit einer URL-Zeichenfolge, die jede CLR Parameter enthält, wie testing.com ?/CLR = anythinghere, dann mktrfl = "default"

Szenario 2: Wenn Benutzerseite mit folg Zugriffen URL-Zeichenfolge (testing.com/) wegen und wählt "Rot", dann mktrfl = "groupred"

Szenario 3: Wenn Benutzerseite greift mit folgenden URL-Zeichenfolge (testing.com/), und wählt "Blue", dann mktrfl = "groupblue"

Szenario 4: Wenn Benutzer auf der Seite mit folgenden URL-Zeichenfolge (testing.com/), und wählen "Black" oder "Weiß", dann mktrfl = "Standard"

Answer 1

let searchParams = new URLSearchParams(window.location.search) 
let param = searchParams.get('CLR') 
if(param === 'wbr_42') 
mktrfl = 'default' 
else { 
$('select').on('change', function() { 
    val = $(this).val(); 
    if(val == 'red') 
    mktrfl = 'groupred' 
    // so on 
}) 
}