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

基于URL字符串和表单选择传递条件数据

1 个答案: