如何解决PHP下拉列表中option设置跳转链接不生效的问题

当前编写的下拉框仅给选项赋值了目标路径，但未绑定任何选中后的跳转触发逻辑。HTML原生的<select>控件本身不会在用户选中选项时自动执行页面跳转，因此无论value怎么配置都不会生效。

因为所有PHP文件处于同一目录，不需要处理跨目录路径问题，用最轻量的原生JS绑定选中事件即可实现“选完直接跳转”的效果，调整后的完整可运行代码如下：

<?php
$var1 = "DieRoller";
$var2 = "MISC TOOLS";
$type = "list";
?>
<select 
  name="<?php echo $type;?>" 
  id="<?php echo $type;?>"
  onchange="this.value && (window.location.href = this.value)"
>
  <option value=""><?php echo $var2;?></option>
  <option value="DieRoller.php?page=<?php echo $var1;?>"><?php echo $var1;?></option>
</select>

关键调整说明 #

• 给<select>标签新增onchange事件：当用户切换选中项时自动触发跳转逻辑
• 占位选项的value设为空字符串：避免用户选中分类提示项时触发无效跳转
• 选中非空value时，通过window.location.href直接加载对应路径，同目录下的PHP文件可直接通过文件名命中，不需要额外拼接路径
• 跳转逻辑做了非空判断：只有value有合法路径时才执行跳转，不会出现空值触发的404问题

备注：如果不想使用JS实现跳转，也可以将select包裹在<form>标签中，通过表单提交的方式传递选中的路径值，再在PHP端通过header("Location: 目标路径")完成跳转，但这种方式需要用户额外点击提交按钮，体验不如绑定onchange的方案流畅。

• 原代码里把占位选项的value设为"1"是错误的，这种配置会导致选中提示项时自动跳转到域名下的/1路径，直接报404
• 不要给同目录下的PHP文件路径加多余的./或者/前缀，除非项目是按根目录部署的，不然会出现路径解析错误
• 这个方案没有额外依赖，不需要引入任何第三方库，所有主流浏览器都能兼容

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