Ajax Reload über 2 Input Felder

Fragz · 28. Dezember 2013, 15:40

Hallo,

ich habe ein Autocomplete Script das mir das Ergebnis meiner Suche in Echtzeit anzeigt.
Bisher ist es für 1 Input Feld ausgelegt mit direkter Ausgabe.
Dieses habe ich nun um ein Selectfeld und einen Button erweitert. Allerdings sind meine Javascript Fähigkeiten mehr schlecht als Recht so das ich dieses nicht umgebaut bekomme so das er 2 Felder erst nach dem Absenden an die search.php übergibt.

Quellcode

<form id="searchform">
<input type="text" name="search" id="searchfield" />
<label></label>
<select name="whois_tld">
<option value="0" checked="checked"></option>
{foreach from=$DOMAIN_LIST item=list}
<option value="{$list.id}" >{$list.end}</option>
{/foreach}
</select>
<input type="submit" name="submit" class="btn btn-success" value="Prüfen">
</form>

Alles anzeigen

Quellcode

$(document).ready(function() {
$('#searchfield').keyup(function() {
$.ajax({
type: 'post',
url: 'search.php',
data: $('#searchform').serialize(),
success: function(response) {
$('#searchform').find('.form_result').html(response).show();
}
})
})
});

Alles anzeigen

Active Record · 28. Dezember 2013, 15:59

Wenn ich dich richtig verstanden habe:

Quellcode

$(document).ready(function() {
$('#searchform').submit(function() {
$.ajax({
type: 'post',
url: 'search.php',
data: $('#searchform').serialize(),
success: function(response) {
$('#searchform').find('.form_result').html(response).show();
}
});
return false; //Verhindert das Absenden des Formulars
});
});

Alles anzeigen

Fragz · 28. Dezember 2013, 16:14

Leider nicht.
Nach dem Absenden passiert leider garnix.

Active Record · 28. Dezember 2013, 16:24

Kann man sich das Live irgendwo ansehen?

Fragz · 28. Dezember 2013, 17:11

Leider nicht da ich nur local Entwickel, konnte das Problem aber finden, hatte

Quellcode

<div class="form_result"></div>

vergessen. Mal schauen was das ganze am Ende ergibt und so hinhaut wie ich das will

Ajax Reload über 2 Input Felder

Ajax Reload über 2 Input Felder

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Benutzer online 1

Tags