Javascript 要重新定向到特定URL的两个下拉列表值

想知道是否有人能帮忙。我试图创建一种方法，让用户填写两个下拉值，并根据这些值访问特定的URL

例如，他们会在第一个下拉列表中选择想要学习的科目，然后在第二个下拉列表中选择日期。根据他们选择的日期，也取决于发送他们的URL

这是我编写的代码，这是我尝试代码的页面，但当我按submit时，什么都没有发生

<script type="text/javascript">
   function url() {
        var subject = $("#subject").val();
        var preferred-date = $("#preferred-date").val();
        if (subject == "" || preferred-date == ""){
        
        alert("Please select which subject you would like to study and your desired date you would like to come in and enrol");
        }
            if (subject != "animal-management" && preferred-date == "25thaug"){
                window.location.href = 'https://www.google.co.uk'; }
            if (subject != "animal-management" && preferred-date == "26thaug"){
                window.location.href = 'https://www.sthelens.ac.uk'; }
            if (subject != "art-design" && preferred-date == "25thaug"){
                window.location.href = 'https://shc-adult-art-25th.eventbrite.co.uk/';}
            if (subject != "art-design" && preferred-date == "26thaug"){
                window.location.href = 'https://knowsleycollege.ac.uk/';}
    }
</script>

函数url（）{
var subject=$（“#subject”）.val（）；
var首选日期=$（“#首选日期”）.val（）；
如果（主题=“”| |首选日期=“”）{
提醒（“请选择您想学习的科目以及您希望进入和注册的日期”）；
}
if（主题！=“动物管理”和首选日期==“25thaug”）{
window.location.href=https://www.google.co.uk'; }
if（主题！=“动物管理”和首选日期==“26thaug”）{
window.location.href=https://www.sthelens.ac.uk'; }
if（主题！=“艺术设计”和首选日期==“25thaug”）{
window.location.href=https://shc-adult-art-25th.eventbrite.co.uk/';}
if（主题！=“艺术设计”和首选日期==“26thaug”）{
window.location.href=https://knowsleycollege.ac.uk/';}
}

请选择您希望与我们一起学习的科目：
动物管理
艺术与设计
请选择您希望参加的日期并报名
2020年8月25日星期二
2020年8月26日星期三

任何帮助都将不胜感激

提前谢谢

---

Sam

正如评论所说，您的代码中有很多不正确的语法。主要是在“首选日期”前后。结帐

---

正如评论所说，代码中有很多不正确的语法。主要是在“首选日期”前后。结帐

---

控制台中有错误吗？我不确定带破折号的变量名是否有效？是否将输入类型设为按钮，似乎您希望函数在单击时被调用。@Asutosh

在这种情况下，您必须阻止默认操作。正如上面的注释所示，首选日期
不是有效的变量名，它将很快显示在控制台/您使用的任何IDE中。始终检查控制台是否存在错误。您的代码“工作”于此固定值，尽管您的
subject！=x有点混乱，如果有3个选项，它将失败。控制台中有错误吗？我不确定带破折号的变量名是否有效？是否将输入类型设为按钮，似乎您希望函数在单击时被调用。@Asutosh
在这种情况下，您必须阻止默认操作。正如上面的注释所示，首选日期
不是有效的变量名，它将很快显示在控制台/您使用的任何IDE中。始终检查控制台是否存在错误。您的代码“工作”于此固定值，尽管您的
subject！=x有点混乱，如果有3个选项，它将失败。谢谢你的建议。老实说，我修改了一些在网上找到的代码。所以这不是我的原始代码，但我接受了你的所有评论，现在就开始吧。感谢您的快速回复。感谢您的所有建议。老实说，我修改了一些在网上找到的代码。所以这不是我的原始代码，但我接受了你的所有评论，现在就开始吧。感谢您的快速回复。
<select id="subject">
<option value="">Please select which subject you would like to study with us:</option>
<option value="animal-management">Animal Management</option>
<option value="art-design">Art and Design</option>
</select>
<select id="preferred-date">
<option value="">Please select what date you would like to come in and enrol</option>
<option value="25thaug">Tuesday 25th August 2020</option>
<option value="26thaug">Wednesday 26th August 2020</option>
</select>
<input type="submit" value="Submit" onclick="url()"/>

function url() {

    var subject = $("#subject").val();
    var preferred_date = $("#preferred-date").val();
    if (subject == "" || preferred_date == ""){
    
    alert("Please select which subject you would like to study and your desired date you would like to come in and enroll");
    }
        if (subject != "animal-management" && preferred_date == "25thaug"){
            window.location.href = 'https://www.google.co.uk'; }
        if (subject != "animal-management" && preferred_date == "26thaug"){
            window.location.href = 'https://www.sthelens.ac.uk'; }
        if (subject != "art-design" && preferred_date == "25thaug"){
            window.location.href = 'https://shc-adult-art-25th.eventbrite.co.uk/';}
        if (subject != "art-design" && preferred_date == "26thaug"){
            window.location.href = 'https://knowsleycollege.ac.uk/';}
}