Autocomplete vullen als er geen resultaten vullen

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Java Developer / Overheid / Complexiteit

Functieomschrijving Wil jij als Java Developer een bijdrage leveren aan een veiliger Nederland en je als Java Developer bezig houden met zeer complexe bedrijfskritische applicaties? Lees dan snel verder! Doorontwikkelen bedrijfskritische applicaties; Aanpassingen maken in de bestaande applicatie; Vertalen van jouw visie op continuous integration en continuous delivery; Debuggen van de applicatie; In gesprek gaan met eindgebruikers om verbetervoorstellen op te halen. Functie-eisen Minimaal HBO-werk en denkniveau; Minimaal 5 jaar werkervaring als Java Developer; Je bent minimaal OCP-Java SE 6 gercertificeerd; Je hebt kennis van Webservices en Continuous Integration; Je bent analytisch sterk en zowel klant- als resultaatgericht. Bedrijfsomschrijving Binnen

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Kjeld Hogenkam

kjeld Hogenkam

01/11/2011 16:39:39
Quote Anchor link
Ik heb op mijn website een auto aanvul veld, deze werkt bijna perfect helaas.

Hij zoekt naar bedrijven en deze weergeeft hij en als je erop klikt dan vult hij de bedrijfsnaam in het veld en in een hidden veld het bedrijfsID.

Het autocomplete veld:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<?php
                <input type="text"  name="bestaand_bedrijf" value="" id="inputString" onkeyup="lookupBedrijf(this.value);" onblur="fill();"/>
                <
input type="hidden" id="hidden_input" name="idBedrijf" onblur="fill2();" />
                <
div class="suggestionsBox" id="suggestions" style="display: none;">
                        <
div class="suggestionList" id="autoSuggestionsList">
                                        &
nbsp;
                        <
/div>
                <
/div>
?>


Javascript:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
                function lookupBedrijf(inputString) {
                    if(inputString.length == 0) {
                        // Hide the suggestion box.
                        $('#suggestions').hide();
                    } else {
                        $.post("<?=ROOT_URL?>zoekBedrijf.php", {queryString: ""+inputString+""}, function(data){
                            if(data.length >0) {
                                $('#suggestions').show();
                                $('#autoSuggestionsList').html(data);
                            }
                        });
                    }
                } // lookup
</script>


Hier zoekt hij de resultaten op:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<?php
    // PHP5 Implementation - uses MySQLi.
    // mysqli('localhost', 'yourUsername', 'yourPassword', 'yourDatabase');

    $db = new mysqli('localhost', 'admin_kjeld' ,'uitklijndijk', 'admin_test');

    if(!$db) {
        // Show error if we cannot connect.
        echo 'ERROR: Kan geen verbinding maken met de database.';
    }
else {
        // Is there a posted query string?
        if(isset($_POST['queryString'])) {
            $queryString = $db->real_escape_string($_POST['queryString']);

            // Is the string length greater than 0?
            if(strlen($queryString) >0) {
                // Run the query: We use LIKE '$queryString%'
                // The percentage sign is a wild-card, in my example of countries it works like this...
                // $queryString = 'Uni';
                // Returned data = 'United States, United Kindom';

                // YOU NEED TO ALTER THE QUERY TO MATCH YOUR DATABASE.
                // eg: SELECT yourColumnName FROM yourTable WHERE yourColumnName LIKE '$queryString%' LIMIT 10


                $query = $db->query("SELECT naam, idBedrijf, plaats FROM bedrijf WHERE naam LIKE '$queryString%' LIMIT 10");
                if($query) {
                    // While there are results loop through them - fetching an Object (i like PHP5 btw!).
                    while ($result = $query ->fetch_object()) {
                        // Format the results, im using <li> for the list, you can change it.
                        // The onClick function fills the textbox with the result.

                        // YOU MUST CHANGE: $result->value to $result->your_colum

                         echo '<li onClick="fill(\''.$result->naam.'\'); fill2(\''.$result->idBedrijf.'\');">'.$result->naam.', '.$result->plaats.'</li>';

                     }
                }
else {
                    echo 'ERROR: Er is een query fout opgetreden.';
                }
            }
else {
                // Dont do anything.
            } // There is a queryString.
        } else {
            echo 'Helaas!';
        }
    }

?>


Alleen nu moet als ik iets invul wat niet bestaat dat dat gewoon nog in het veld blijft staan. Als ik nu iets invul wat niet bestaat dan gooit hij het veld weer leeg als ik er op klik.

Hoe zou ik dit kunnen doen?
Gewijzigd op 01/11/2011 16:40:41 door Kjeld Hogenkam
 
PHP hulp

PHP hulp

16/07/2020 15:09:28
 
Obelix Idefix

Obelix Idefix

01/11/2011 16:59:13
Quote Anchor link
Haal even je database inloggegevens uit je code ;-)
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.