如何为按钮中的两个不同值设置不同的重定向选项？

Question

我制作了一个注册表单来注册用户，无论他是网站的医生还是患者。 这是我用于表单前端的 html 代码

 <label class="text-left" >Are you a:</label>
    <select class="options" id="Options" onchange="handleSelection()">
        <option value="1">Doctor</option>
        <option value="2">Patient</option>
      </select>
</div>
            <div id="Button" >
            <button href="#" type="submit" id="buttonLink" class="btn" onclick="response(event)">Continue</button>
            </div>

这是我用 JS 为该函数编写的代码：

function response(event){
    let fn=document.getElementById('first_name').value
    let ln=document.getElementById('last_name').value
    let phNo=document.getElementById('phone').value
    let mail=document.getElementById('email').value
    let pwd=document.getElementById('pwd').value


    var options = document.getElementById('Options').value;
//took this to check whether phone number has alphabets or not
    let check=/^[a-zA-Z]+$/

    if(phNo.length>10){
        
        alert('Enter a valid Phone number.')
        event.preventDefault()
    }
    
    if(check.test(phNo)){
alert('Enter a valid phone number.')
event.preventDefault()
    }
    if(pwd.length<8 || pwd.length>12){
        alert('Enter a valid password')
        event.preventDefault()
    }


    //here's the code to redirect to other website based on the choice you've selected
    if (selectedOption === "1") {
        
      buttonLink.href="Doctor_website"

    } else if (selectedOption === "2") {
        
      buttonLink.href="Patient_website"

    }

}

如果我在填写详细信息后按继续按钮，它会显示“HTTP ERROR 405”

我正在尝试根据医生和患者来区分我的网站的用户，因为我创建了这个表单和这个 JS 代码。稍后我会链接我的数据库

Answer 1

您似乎正在尝试使用 JavaScript 代码根据用户的选择（医生或患者）来重定向用户。但是，您的代码中有一些问题需要解决。

变量命名问题： 您正在尝试访问名为 selectedOption 的变量，但在代码中，您将该变量定义为选项。更新变量名称以保持一致：

var selectedOption = document.getElementById('Options').value;

未定义的变量： 看起来您正在尝试设置 ID为buttonLink的按钮的href属性，但未定义变量buttonLink。使用前需要定义它：

var buttonLink = document.getElementById('buttonLink');

提交表格： 该表单在您的输入字段周围缺少表单标签。确保您有一个包含所有输入字段的表单标签。