Laravel中HTML select选项选中后页面重定向实现方法

直接用原生JavaScript绑定change事件即可实现，和Laravel后端逻辑完全兼容，不需要修改你现有select的基础结构，分两种常用场景适配：

场景1：选中后携带选中参数回跳当前页 #

适配你现有代码中用request('subject')做选中态回显的逻辑，选中后自动把选中值拼接到URL参数上刷新页面。
你原有的select代码完全不用改动，只需要在页面尾部（引入的JS脚本区域）加以下代码：

const subjectSelect = document.querySelector('#konu');
subjectSelect.addEventListener('change', function() {
  const currentVal = this.value.trim();
  // 过滤默认空值的禁用选项，不触发跳转
  if (!currentVal) return;
  // 构造带subject参数的跳转地址
  const targetUrl = new URL(window.location.href);
  targetUrl.searchParams.set('subject', currentVal);
  // 执行重定向
  window.location.replace(targetUrl.toString());
});

• 原有Laravel的选中态判断、表单属性、样式类全部保留，不需要调整
• 用window.location.replace跳转不会在浏览器历史里留重复记录，用户点返回不会卡在重复跳转的循环里

场景2：不同选项跳转到不同独立页面 #

如果每个选项对应跳转的目标页面不同，只需要给对应option加data-redirect自定义属性存目标路径即可，改造后的select示例：

<select required name="subject"  id="konu" class="form-control">
  <option value="" disabled>Choose Subject</option>
  <option value="Ask a question" data-redirect="/feedback/ask">Ask a question</option>
  <option value="Leave a comment" data-redirect="/feedback/comment">Leave a comment</option>
  <option value="Where to buy" data-redirect="/shops">Where to buy</option>
  <option value="Product Complaint" data-redirect="/feedback/complaint">Product Complaint</option>
  <option value="Other" data-redirect="/feedback/other">Other</option>
  <option {{ request('subject') == 'Request SDS' ? 'selected' : '' }}  value="Request SDS" data-redirect="/sds/apply">Request SDS</option>
  <option value="Distributor" data-redirect="/distributor/apply">Request Distributorship</option>
</select>

对应绑定的JS代码调整为：

const subjectSelect = document.querySelector('#konu');
subjectSelect.addEventListener('change', function() {
  const selectedOpt = this.options[this.selectedIndex];
  const currentVal = this.value.trim();
  const targetPath = selectedOpt.dataset.redirect;
  if (!currentVal || !targetPath) return;
  window.location.replace(targetPath);
});

如果你项目里已经引入了jQuery，也可以换成jQuery的change事件写法，效果完全一致，原生JS不需要额外加载依赖，适配所有现代浏览器。

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