Redirect auf neue Webseite basierend auf Entscheidungen

Question

Ich möchte den Benutzer auf verschiedene Websites basierend auf seinen Entscheidungen leiten. Ich habe Probleme zu finden, wo Code etwas anderes zu tun. Wie jetzt ist das HTML dominant und es nährt nur, was es in action = "..." geschrieben hat. Ich möchte, dass meine Lösung auf den Auswahlen basiert, die in Auswahlen getroffen wurden, und wenn die Schaltfläche zur Navigation durch den Benutzer zur Korrektur der Website gesendet wird.

function byttMeny(){ 

    var username = "<?php echo $navn; ?>"; 

    var kundeMeny = document.getElementById("kunder"); 
    var prosjektMeny = document.getElementById("prosjekt"); 

    for(i = 0; i < kundeMeny.options.length; i++){ 
     var menu = kundeMeny.options[i].text; 

     document.getElementById(menu).style.display = "none"; 
    } 

    var currentMeny = kundeMeny.options[kundeMeny.selectedIndex].text; // Gir deg prosjektmeny utifra hva som er valgt i kundemeny 

    document.getElementById(currentMeny).style.display = "block"; 

    document.getElementById("verdi").value = document.getElementById(currentMeny).options[document.getElementById(currentMeny).selectedIndex].text; 

    if(currentMeny == "Hydro") 
    { 
     var dropMeny = document.getElementById("Hydro"); 
     var valg = dropMeny.options[dropMeny.selectedIndex].text; 

     document.getElementById("Kunde").value = "Hydro"; 

     if(valg == "Karmøy"){ 
      document.getElementById("kundevalg").action = "norsokgrupper.php"; 
     } else if(valg == "Noe annet"){ 
     document.getElementById("skjema").action = "noeannet.php"; 
     } 
    } 
    else if(currentMeny == "Statoil") 
    { 

     var dropMeny = document.getElementById("Statoil"); 
     var valg = dropMeny.options[dropMeny.selectedIndex].text; 

     document.getElementById("Kunde").value = "Statoil"; 

     if(valg == "Sverdrup"){ 
      document.getElementById("kundevalg").action = "norsokgrupper.php"; 
     } else if (valg == "noennet"){ 
      document.getElementById("skjema").action = "piss.php"; 
     } 
    } 
    else if(currentMeny == "Yara") 
    { 

     var dropMeny = document.getElementById("Yara"); 
     var valg = dropMeny.options[dropMeny.selectedIndex].text; 

     document.getElementById("Kunde").value = "Yara"; 

     if(valg == "Sokli"){ 
      document.getElementById("kundevalg").action = "tull.php"; 
     } else if (valg == "noennet"){ 
     document.getElementById("skjema").action = "piss.php"; 
     } 
    } 
} 

<form method="post" id="kundevalg"> 
    <div id="fixed-box" class="skygge"> 

<table> 

     <h4 id="colorh4">Velg kunde og prosjekt</h4> 


     <select id="kunder" name="kunder" onchange="byttMeny()"> 
      <?php 
      { 
      $sql = "select kundenavn from kunde"; 
      $resultat = mysqli_query($db, $sql); 
      while($rad=mysqli_fetch_object($resultat)) 
      { 
      $kunde = $rad->kundenavn; 
      ?> 
      <option> <?=$kunde?> </option>"; 
      <?php 
      }    
      ?> 
     </select> 
     <p></p> 


      <select id="Hydro" type="text" name="Hydro" onchange="byttMeny()"> 
       <?php 

       $sql = "select navn, prosjektid from prosjekt where kunde = 'Hydro'"; 
       $resultat = mysqli_query($db, $sql); 
       mysqli_set_charset($db, "utf8"); 

       while ($rad = mysqli_fetch_object($resultat)) 
        { 
       $prosjekt = $rad->navn; 
       ?> 
       <option value="<?= $rad->prosjektid; ?>"> <?=$prosjekt?> </option>";  
       <?php 
       } 
       ?>    
      </select> 

      <select id="Statoil" type="text" name="Statoil" onchange="byttMeny()"> 
       <?php 
       if($navn == "Martynas") 
       { 
       $sql = "select navn, prosjektid from prosjekt where kunde = 'Statoil'"; 
       $resultat = mysqli_query($db, $sql); 

       while ($rad = mysqli_fetch_object($resultat)) 
        { 
       $prosjekt = $rad->navn; 
       ?> 
       <option value="<?= $rad->prosjektid; ?>"> <?=$prosjekt?> </option> 
       <?php 
       } 
       ?> 

      </select> 
      <select id="Yara" type="text" name="Yara" onchange="byttMeny()"> 
       <?php 
       $sql = "select navn, prosjektid from prosjekt where kunde = 'Yara'"; 
       $resultat = mysqli_query($db, $sql); 

       while ($rad = mysqli_fetch_object($resultat)) 
        { 
       $prosjekt = $rad->navn; 
       ?> 
       <option value="<?= $rad->prosjektid; ?>"> <?=$prosjekt?> </option> 
       <?php 
       } 
       ?> 
      </select> 


     <input id="neste_kunde" type="submit" name="neste" value="neste"/> 
     <input type="hidden" id="verdi" name="verdi" /> 
    </div> 
</form> 
     <div id="mcbilde"> 
      <img src="multibly2.jpg" class="stretch"/> 
     <img src="mctr.png" class="trekant"/> 

</div> 

Answer 1

Für Ereignisse, die Sie <a href="">Click me</a>

Oder yo verwenden könnte u kann wie JavaScript-Ereignisse zu Schaltfläche klicken binden, so

<div onclick="myFunction()">Click me</div> 

A href click example Javascript onclick example

Answer 2

Dies sollte funktionieren:

<form method="post" id="kundevalg" onsubmit="redirect()"> 

JS:

function redirect(){ 
    document.getElementByTagId('kundevalg').action="http://newurl.com"; 
    return true; 
} 

Answer 3

Dies sollte den Trick

// Bind a change event to the select input 
$('#Hydro').change(function(evt) { 
    // then use javascript to redirect to the value of the selected input 
    window.location.href = $(this).val(); 

}); 

Answer 4

Sie können eine Karte mit Schlüsselwert erstellen. Je nachdem, wie Sie die Ansicht dynamisch erstellen, können Sie die Ansicht festlegen.