Liebe Foren-Gemeinde,
ich habe in einem Bootstrap Tab 3 Formulare.
Alle 3 reagieren auf die gleiche Funktion. Allerdings wird nur beim ersten Tab das Formular abgesandt. Beim 2. und 3. Formular passiert nichts.
Kann hier jmd. den Fehler entdecken?
Das Skript sieht so aus:
Vielen lieben Dank!
ich habe in einem Bootstrap Tab 3 Formulare.
Alle 3 reagieren auf die gleiche Funktion. Allerdings wird nur beim ersten Tab das Formular abgesandt. Beim 2. und 3. Formular passiert nichts.
Kann hier jmd. den Fehler entdecken?
HTML:
<div class="tab-content">
<div id="synonym" class="tab-pane fade active show">
<form class="form-wrap mt-4" id="syn" onsubmit="javascript: Search(); return false;" action="">
<div class="btn-group" role="group" aria-label="Basic example">
<input type="hidden" name="type" id="type" value="Syn">
<input type="text" placeholder="Suche Synonyme..." class="btn-group1" id="Searchword" name="search">
<button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span><i class="pe-7s-angle-right"></i></button>
</div>
</form>
</div>
<div id="verb" class="tab-pane fade">
<form class="form-wrap mt-4" id="verbs" onsubmit="javascript: Search(); return false;" action="">
<div class="btn-group" role="group" aria-label="Basic example">
<input type="hidden" name="type" id="type" value="Verbs">
<input type="text" placeholder="Suche Verben..." class="btn-group1" id="Searchword" name="search">
<button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span><i class="pe-7s-angle-right"></i></button>
</div>
</form>
</div>
<div id="trans" class="tab-pane fade">
<form class="form-wrap mt-4" id="translation" onsubmit="javascript: Search(); return false;" action="">
<div class="btn-group" role="group" aria-label="Basic example">
<input type="hidden" name="type" id="type" value="Translations">
<input type="text" placeholder="Suche Übersetzungen..." class="btn-group1" id="Searchword" name="search">
<button type="submit" class="btn-form"><span class="icon-magnifier search-icon"></span><i class="pe-7s-angle-right"></i></button>
</div>
</form>
</div>
</div>
Das Skript sieht so aus:
HTML:
<script type="text/javascript">
function Search()
{
var searchword = $("#Searchword").val();
var type = $("#type").val();
if(searchword != '')
{
searchword = searchword.replace(/\?/g, "");
if(type === "Syn") {
location = '{$systemUrl}'+searchword+".html";
}
else if(type === "Translations") {
location = '{$systemUrl}'+"tradutor/"+searchword+".html";
}
else {
location = '{$systemUrl}'+"verb/"+searchword+".html";
}
}
}
</script>
Vielen lieben Dank!
Zuletzt bearbeitet: