javascript - 根据 URL 字符串和表单选择传递条件数据

Question

在以下场景中，我们如何根据所选的 URL 字符串和颜色传递适当的推荐代码？

表单选择(颜色): 红色的 蓝色的 黑色的 白色

<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>

场景 1: 如果用户使用包含任何 CLR 参数的 URL 字符串访问页面，例如testing.com/?CLR=anythinghere，则 mktrfl="default"

场景 2: 如果用户访问具有以下 URL 字符串的页面 (testing.com/)， 并选择“红色”， 然后 mktrfl="groupred"

场景 3: 如果用户访问具有以下 URL 字符串的页面 (testing.com/)， 并选择“蓝色”， 然后 mktrfl="groupblue"

场景 4: 如果用户访问具有以下 URL 字符串的页面 (testing.com/)， 并选择“黑色”或“白色”， 然后 mktrfl="默认"

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 
})
}