Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/287.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何重定向到选择了相同选项的不同页面?_Javascript_Php_Redirect_Drop Down Menu - Fatal编程技术网

Javascript 如何重定向到选择了相同选项的不同页面?

Javascript 如何重定向到选择了相同选项的不同页面?,javascript,php,redirect,drop-down-menu,Javascript,Php,Redirect,Drop Down Menu,嗯。因此,我在页面的页脚有一个简单的下拉菜单,我需要在其中选择一个选项,重定向到我的联系人页面,并在我的联系人表单中选择相同的选项 这里有一个例子,但我希望有一个更干净的解决方案。我还需要能够在javascript中做到这一点,只需选择选项而不修改url 到目前为止,我所能做的就是让表单在提交时重定向到正确的页面。剩下的唯一一步就是返回与提交的相同的选定值 这是HTML: <form id="selectForm"> <div class="select-wrap">

嗯。因此,我在页面的页脚有一个简单的下拉菜单,我需要在其中选择一个选项,重定向到我的联系人页面,并在我的联系人表单中选择相同的选项

这里有一个例子,但我希望有一个更干净的解决方案。我还需要能够在javascript中做到这一点,只需选择选项而不修改url

到目前为止,我所能做的就是让表单在提交时重定向到正确的页面。剩下的唯一一步就是返回与提交的相同的选定值

这是HTML:

<form id="selectForm">
  <div class="select-wrap">
     <div class="select-container">
       <select>
        <option selected="true" disabled="disabled">How can we help?</option>
        <option value="enquiry">General Enquiry</option>
        <option value="audit">Audit</option>
        <option value="tax">Tax</option>
        <option value="advisory">Advisory</option>
       </select>
      </div>
     </div>
    <input class="btn btn--dark" id="submit" type="submit" value="Ask Us">
</form>

我们能帮忙吗?
一般查询
审计
税
咨询的
这是我的JS:

<script type="text/javascript">

          var select = document.getElementById('selectForm')

          window.onload=function() {
          select.onsubmit=function() {
            window.location.replace("/contact");
            return false;
          }
        }

</script>

var select=document.getElementById('selectForm')
window.onload=function(){
select.onsubmit=function(){
窗口。位置。替换(“/联系人”);
返回false;
}
}
下一步需要帮助

为了进一步澄清,如果在页脚表单中选择了“审核”选项,则在提交时,我希望用户重定向到“/contact”,并且联系人表单的所选选项也是“审核”。


var select=document.getElementById('selectForm')
window.onload=函数(){
if(getCookie(“选择”)){
document.getElementById(“帮助_选项”).value=getCookie(“选择”);
}否则{
document.getElementById(“帮助选项”).value=“默认”;
}
select.onsubmit=函数(){
document.cookie=“selection=”+(document.getElementById(“help_选项”).value);
返回false;
}
}
函数getCookie(cname){
变量名称=cname+“=”;
var decodedCookie=decodeURIComponent(document.cookie);
var ca=decodedCookie.split(“;”);
对于(变量i=0;i

我们能帮忙吗?
一般查询
审计
税
咨询的

var select=document.getElementById('selectForm')
window.onload=函数(){
if(getCookie(“选择”)){
document.getElementById(“帮助_选项”).value=getCookie(“选择”);
}否则{
document.getElementById(“帮助选项”).value=“默认”;
}
select.onsubmit=函数(){
document.cookie=“selection=”+(document.getElementById(“help_选项”).value);
返回false;
}
}
函数getCookie(cname){
变量名称=cname+“=”;
var decodedCookie=decodeURIComponent(document.cookie);
var ca=decodedCookie.split(“;”);
对于(变量i=0;i

我们能帮忙吗?
一般查询
审计
税
咨询的

由于您处于浏览器环境中,因此可以使用localStorage跨页面共享数据

在导航到另一个页面之前,使用
localStorage.setItem(“key”、“value”)


并加载新页面
localStorage.getItem(“key”)
读取此值。

由于您处于浏览器上下文中,因此可以使用localStorage跨页面共享数据

在导航到另一个页面之前,使用
localStorage.setItem(“key”、“value”)


并加载新页面
localStorage.getItem(“key”)
读取此值。

这是否适用于以下内容:document.querySelector('[id*=“help\u option”]').id?联系人表单会向所选选项添加前缀。那么,id=“form1\u help\u option”是否应该与这样的内容一起工作:document.querySelector(“[id*=”help\u option“]).id?联系人表单会向所选选项添加前缀。因此,id=“form1\u help\u option”我不确定这将如何工作,但我开始阅读它,因为您已经突出显示了它。很可能,我想在下一个项目中尝试一下。谢谢。我不知道这是怎么回事,但我开始读了,因为你突出显示了它。很可能,我想在下一个项目中尝试一下。谢谢