Ich habe folgenden Mock-Schnipsel:einen Link öffnen mit onsubmit
JS:
function generateLink()
{
var A = document.getElementById('AAA').value;
var B = document.getElementById('BBB').value;
if(B == "1" || B == "2")
link ='http://' + B + '.' + A + '.domain';
else if(B == "3" || B == "4")
link ='http://' + B + '.' + A + '.domain/link.jsp';
else
link ='/404.html';
return link;
}
function showLink()
{
var link = generateLink();
document.getElementById("link").href = link;
document.getElementById("link").innerHTML = link;
}
document.formName.onsubmit = function(){
this.action = generateLink();
}
HTML:
<form name="formName" target="_blank">
<div style="margin: 0 auto; width:600px;">
<div style="float:left;"><span>Pick AAA</span><br>
<select id="AAA" onchange="showLink()">
<option value="11">Eleven</option>
<option value="12">Twelve</option>
<option value="13">Thirteen</option>
<option value="14">Fourteen</option>
</select>
</div>
<div style="float:right;"><span>Pick BBB</span><br>
<select id="BBB" onchange="showLink()">
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
</select>
</div>
<div style="float:left; margin-left:120px; margin-right: 40px; margin-top:70px;">
<a href="generateLink()" id="link"></a><br><br>
<input type="submit" value="Go to"><br><br>
<input type="reset" value="Reset Selection">
</div>
Wenn ich diesen Code ausführen, was passiert ist, dass Die href
öffnet die richtige url
in einem neuen Tab, während die submit
button öffnet die Seite Ich bin gerade in einem neuen Tab. Ich bin mir nicht sicher, was ich falsch mache. Geht die document.formName.onsubmit
nicht davon aus, dass die submit
Taste genauso funktioniert wie die href
?
Sie hatten absolut Recht. Vielen Dank! – Nik
Gibt es eine Chance, dass Sie wissen, wie der "Link" über dem "submit" -Button und nicht zwischen den "select" -Elementen angezeigt wird? – Nik
Nun, es hängt davon ab, wie genau es sein sollte, aber Sie können es zum Beispiel vor dem Formular verschieben. Übrigens scheinen Sie zwei Linkelemente mit derselben ID zu haben, wenn Sie beide wirklich benötigen, sollten sie unterschiedliche IDs haben. – Aioros