Javascript 只需在单击提交时根据用户的选择选项将用户发送到URL即可

我想有一个包含不同URL的选项列表，然后在用户单击submit时根据他选择的选项重定向用户

这是可行的-但它的工作速度很快，因为用户不需要单击任何提交

选择一个网站
谷歌
YouTube
网飞公司
$（函数（）{
//绑定要选择的更改事件
$（'#dynamic_select'）。关于（'change'，函数（）{
var url=$（this）.val（）；//获取所选值
if（url）{//需要一个url
window.location=url；//重定向
}
返回false；
});
});

---

如何实现此代码的提交按钮，以避免用户立即被重定向？

为此，只需添加一个

submit

按钮（通过输入），即可处理

submit

单击，然后获取

select

元素的值。这样，它只会在

submit

单击时触发，而不是每次更改

select

<select id="dynamic_select">
    <option value="" selected>Pick a Website</option>
    <option value="http://www.google.com">Google</option>
    <option value="http://www.youtube.com">YouTube</option>
    <option value="https://www.netflix.com">Netflix</option>
</select>
<input type="submit" id="send_url" value="Submit" />

<script>
    $(function(){
      // bind change event to select
      $('#send_url').on('click', function () {
          var url = $('#dynamic_select').val(); // get selected value
          if (url) { // require a URL
              window.location = url; // redirect
          }
          return false;
      });
    });
</script>

选择一个网站
谷歌
YouTube
网飞公司
$（函数（）{
//绑定要选择的更改事件
$（'#发送url'）。在（'click'，函数（）{
var url=$（'#dynamic_select'）.val（）；//获取所选值
if（url）{//需要一个url
window.location=url；//重定向
}
返回false；
});
});

添加一个提交按钮，并将您的代码置于其单击位置（注意：在重定向之前，您应该检查是否选择了url）：

选择一个网站
谷歌
YouTube
网飞公司
$（函数（）{
//绑定要选择的更改事件
$（“#提交”）。在（'click'，函数（）{
var url=$（'#dynamic_select'）.val（）；//获取所选值
如果（url！=“”）{//需要一个url
window.location=url；//重定向
}
其他的
警报（'请选择一个网站！'）；
返回false；
});
});

LOL。这么简单，但也很难。你的改变创造了奇迹！：）非常感谢，没关系！这通常是解决大问题最简单的方法：）

<select id="dynamic_select">
<option value="" selected>Pick a Website</option>
<option value="http://www.google.com">Google</option>
<option value="http://www.youtube.com">YouTube</option>
<option value="https://www.netflix.com">Netflix</option>
</select>
<input type="submit" id="submit" value="submit" />

<script>
$(function(){
  // bind change event to select
  $('#submit').on('click', function () {
      var url = $('#dynamic_select').val(); // get selected value
      if (url!="") { // require a URL
          window.location = url; // redirect
      }
      else
         alert('Please select a Website!');
      return false;
  });
});
</script>