登录在第一个HTML自动重定向和登录到第二个HTML传递值从第一个HTML

Login in first HTML automatically redirect and login to second HTML passing values from first html

本文关键字：HTML 登录 第一个 第二个 重定向      更新时间：2023-09-26

你能给我一个想法如何做到这一点，当我在Login1.html中登录时，当用户在下拉菜单中选择TEAM时，它会自动重定向并登录到Login2.html使用我在Login1.html中输入的值，当用户选择Premium时，它会自动重定向到Premium页面。只支持HTML和javascript。

这是我第一个html Login1.html

    <form name="ctlogin" id="ctlogin">
       <label  class="label-style" id="login_label">Login</label>
       <select class="form-control" name="selection" id="dropdown" >
        <option value="premium" id="ct_premium">Premium</option>
        <option value="team" id="ct_team">Team</option>
       </select>
        <input class="form-control"  type="tel" id="mobile-number"  >
        <input class="form-control" id="password" type="password"  >
        <input type="submit" class="button1" value=" " id="loginButton" >     
       </form>

这是第二个html Login2.html

      <form  name="teamlogin" style="" method="post" action="en.html" >
       <label>Login</label>
       <input class="form-control "  type="tel" id="mobilenumber" name="mobilenumber" >
       <input class="form-control " id="password" type="password">
         <input type="image" id="registerButton"  src="img/green check.png">     
      /form>

对于客户端参数的替换，您可以在Login2页面上用javascript解析window.location.search。就像

window.location.search.substr(1).split("&").forEach(function(e) {
    var pair = e.split("=")
    var input = document.querySelector("[name='"+pair[0]+"']")
    if (input) input.value = pair[1]
})

请注意，要使其工作，input字段都必须有名称，并且在两个页面上都匹配。

对于重定向，您可以使用处理程序<select onchange='selected()'>和相应的javascript代码: 
function selected(event) {
    var form = document.querySelector("form#ctlogin")
    var sel = document.querySelector("select#dropdown").value
    // Here you set it where to redirect the page:
    if (sel === "team") form.action = "Login2.html"
    ...
    form.submit()
}
相关文章：