hallo alle zusammen,
habe eine Frage wo ich gerade nicht mehr weiter komme.
Ich habe einen Shortcode der mir 2 Select Felder 1 Input Feld und 1 Button erstellt.
Nun hätte ich gerne das wenn man ein Select Feld auswählt direkt eine Datenbankabfrage gestartet wird damit die Ergebnisse direkt im Button angezeigt werden. Heißt: Select Feld 1 wird ausgewählt z.B 8 Treffer wird dann noch Select 2 ausgewählt 5 Treffer und wenn man dann im Input Feld z.B noch eine PLZ eingibt 2 Treffer
Alelrdings weiß ich gerade nicht wie ich dies mit Ajax realisiere
Im folgenden einmal mein Shortcode:
PHP
function schnellsuche_input_func()
{
return '
<form action="/suche" method="GET">
<div class="immo-quicksearch">
<div class="uk-container uk-container-large">
<div class="uk-grid uk-width-1-1" uk-grid>
<div class="uk-width-1-1">
<div class="uk-grid uk-width-1-1 uk-child-width-1-4@m uk-child-width-1-1 uk-grid-collapse rr" uk-grid>
<div>
<select name="objekt_category" class="uk-select objekt_category">
<option hidden disabled selected>Kaufen / Mieten</option>
<option value="kaufen">Kaufen</option>
<option value="mieten">Mieten</option>
</select>
</div>
<div>
<select name="objekt_art" class="uk-select objekt_art">
<option hidden disabled selected>Objektart</option>
<option value="1">Häuser</option>
<option value="2">Wohnungen</option>
<option value="201">Wohn-/Geschäftsanlagen</option>
<option value="301">Gewerbe</option>
</select>
</div>
<div class="uk-width-1-2@m">
<div class="uk-grid uk-grid-collapse" uk-grid>
<div class="uk-width-2-3@m">
<input name="query" placeholder="Stadt, PLZ oder Immobilien-ID" class="uk-input query">
</input>
</div>
<div class="uk-width-1-3@m">
<button class="uk-button uk-button-primary uk-width-1-1"><span uk-icon="icon:search"><div class="immocount"></div></span></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
';
}Meine main.js sieht derzeit so aus was noch KEIN Ajax ist:
Code
( function( $ ) {
$(document).on('ready', function() {
$('.query').on("keyup",function(){
var query = $('.query').val();
console.log(query);
})
$( ".objekt_category" ).change(function() {
var objekt_category = $('.objekt_category').val();
console.log(objekt_category);
});
$( ".objekt_art" ).change(function() {
var objekt_art = $('.objekt_art').val();
$('.immocount').html(objekt_art);
console.log(objekt_art);
});
});
} )( jQuery );Vielleicht könntet ihr mir einige Anstöße geben?