通过URL参数调用SetForm切换表单失效，手动选择可正常运行如何解决？

核心问题原因 #

• 变量与函数重名冲突：你代码中先使用const setForm = urlParams.get('land')声明了同名变量，后续定义的setForm函数会被变量覆盖，导致函数失效无法调用。
• 页面加载后未主动触发切换逻辑：你仅在下拉框的onchange事件绑定了切换逻辑，获取到URL参数后没有主动执行切换，所以页面首次加载时参数不会生效。

修复后完整JS代码 #

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
// 修改变量名避免和函数重名
const landParam = urlParams.get('land')
function setForm(value) {
    if(value == 'form1'){
        document.getElementById('form1').style.display = 'block';
        document.getElementById('form2').style.display = 'none';
    } else if(value == 'form2'){
        document.getElementById('form2').style.display = 'block';
        document.getElementById('form1').style.display = 'none';
    }
    // 同步下拉框选中状态，和当前展示表单对应
    document.getElementById('select1').value = value;
}
// 页面加载完成后，如果URL存在land参数，主动调用切换函数
if(landParam) {
    setForm(landParam);
}

说明：将原来的style='display:block;'写法调整为style.display = 'block'是更标准的DOM样式操作写法，兼容性更好。

修改完成后访问radio.php?land=form2即可自动切换到对应表单，手动选择下拉菜单的功能也会保留正常。

内容的提问来源于stack exchange，提问作者Daxter112