javascript - 根据选择选项元素将表单重定向到不同的 URL 但重定向后未选择

标签 javascript php jquery html ajax

如果选择了“选项然后显示所选选项”之外的任何选项,我需要将表单重定向到另一个网址。

提前谢谢

 <html> 
    <head>      
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>        
  </head>
   <body>    
        <form method='post'>   
            <select id="selectbox">  
                <option value="index.html" selected>Home</option>
                <option value="?hello=about" >Abut Us</option>
                <option value="?hello=contact" >Contact Us</option>
                <option value="?hello=blog">Blog</option>   
            </select>   
        </form>  

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

最佳答案

因此,假设您的 URL 具有诸如“?hello=about”、“?hello=xxx”等查询字符串,则以下内容应该有效。将此代码放在选择框绑定(bind)方法之后。请记住,我尚未测试过此代码。

var option = location.search.replace(/(^\?hello=[^&#]+).*?$/i, "$1");
$('#selectbox').val(option);

关于javascript - 根据选择选项元素将表单重定向到不同的 URL 但重定向后未选择,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28808504/

相关文章:

javascript - TextBox 按键事件不会在 Google map 信息窗口内触发

javascript - 使用 Firefox 附加 SDK 访问 XUL 元素

jquery - JSON 中的“#”用作 $AJAX url 参数问题

javascript - 使用react-bootstrap-table onRowClick 转换到新的url,无需重新加载页面

javascript - 如何 Jest 模拟命名导入?

php - 在 PHP 中直接使用 superglobals 是好是坏?

php - 将图像 move 到底部

php - Codeigniter 使用外部文件替换database.php

jquery超大,下方有导航栏

jquery解绑有必要吗? (替换元素)