Javascript 尝试根据选项框中的值加载到其他页面

我对这个非常陌生，所以请原谅，如果它是超基本的，我的代码很糟糕。 我正在尝试创建一个表单，该表单将根据用户在选项框中提供的信息加载到新页面上

我尝试集成javascript，但它对我不起作用。 如有任何建议，我们将不胜感激

    function occupationfunction() {
    var rform = document.getElementById("occupation");
        if  {(value="business.html")
        location.href="bizreg.html";
        } else if {(value="actor.html")
        location.href="actorreg.html";
        } else {
        document.write"Please select an option";
    }
    }

</script>

<form method="post">
        <div>
        <fieldset>
            <legend>Register an account</legend>
                <p>Are you a</p>
                    <select id="occupation">
                        <option value="#">Select an option</option>
                        <option value="business.html">Business</option>
                        <option value="actor.html">Actor</option>
                    </select>
                    <input type="submit" class="button" name="blogin" value="Log In"/>
        </fieldset>
        </div>
    </form> 

函数职业函数（）{
var rform=document.getElementById（“职业”）；
如果{（value=“business.html”）
location.href=“bizreg.html”；
}如果{（value=“actor.html”）
location.href=“actorreg.html”；
}否则{
文档。写“请选择一个选项”；
}
}
开户
你是一名医生吗

选择一个选项
生意
演员

您正在条件中使用变量

值

，但是，该值在函数中的任何位置都没有设置

您已经创建了变量

rform

，并为其分配了带有

id

属性“职业”的元素，这是您选择的输入

因此，如果需要输入的选定值，则需要访问该变量。此外，由于它是一个选择输入，您可以使用

rform.options

访问它的选项

要访问需要指定其索引的特定选项，可以使用

rform.selectedIndex

查找当前选择的索引

因此，如果将这两个选项组合在一起，将得到

rform.options[rform.selectedIndex]

，这将引用select输入中当前选定的选项

现在我们使用

.value

来获取它的值

为我们提供

rform.options[rform.selectedIndex].value

，这是您需要在HTML中为该选项设置的值

注意：如果您希望使用选项（即业务、演员）中的文本，您将使用

.text

而不是

.value

也就是说，更好的方法可能是在html属性中包含重定向，如下所示

<select id="occupation" onchange="window.location.href=this.value">
   <option value="#">Select an option</option>
   <option value="bizreg.html">Business</option>
   <option value="actorreg.html">Actor</option>
 </select>

---

谢谢你的帮助！我不太确定如何合并我定义的变量。我认为我没有正确地概述我的问题，我试图根据选项框中选择的选项重定向到新页面。提供的解决方案只是停留在同一页上。但是，由于只有两个选项，我将布局更改为只包含两个直接指向各个页面的按钮。谢谢你的帮助！您可能需要使用window.location.href来触发重定向。不确定。但很高兴你弄明白了。

function occupationfunction() {
    var rform = document.getElementById("occupation");
    let value = rform.options[rform.selectedIndex].value;
        if  {(value="business.html")
            location.href="bizreg.html";
        } else if {(value="actor.html")
            location.href="actorreg.html";
        } else {
            document.write"Please select an option";
    }
}