Suche mit Javascript

Verfasser Nachricht

TheDeception5

Beiträge: 43
Bewertung: 0
Registriert seit: Apr 2013
Status: offline

Beitrag: #1

Suche mit Javascript

Hallo zusammen!

Ich schreibe gerade für mein Praktikum an einer kleinen Website und nun habe ich eine Frage, ich habe hier eine Liste mit Namen. Diese sind dann nochmal (nicht sichtbar) in 2 Gruppen unterteilt und diese beiden Gruppen möchte ich durchsuchen mithilfe von Javascript.
Beispiel:
Man wählt in einer Select Box aus ob man die Klasse a oder b durchsuchen möchte und wenn man a gewählt hat und dann Max eingibt wird nur in der Klasse a gesucht und das Ergebnis soll hervor gehoben werden.

Mein bisheriger Code:

PHP-Code:

</div>
     <div class="col-md-4">
      <div id="suche">
       <div class="input-group">
       <form>
        <input type="text" name="suche" >
         <select>
          <option value="a">9a</option>
          <option value="b">9b</option>
         </select>
        <input type="button" value="Suchen" />
       </form>
     </div>
        <br />
         <hr />


    </div>
    
    <div id="results">
       <script type="text/javascript">
        $( "#results" ).load( "results.html" );
       </script> 

Würde mich freuen wenn ihr mir Code Schnipsel geben könntet oder Anregungen wie ich das umsetzte.

Gruß TheDeception5

Dieser Beitrag wurde zuletzt bearbeitet: 04.04.2014 16:28 von TheDeception5.

04.04.2014 16:23

Scharock

Beiträge: 334
Bewertung: 4
Registriert seit: Sep 2010
Status: offline

Beitrag: #2

RE: Suche mit Javascript

Wie speicherst du die Gruppen mit den Namen denn?
Speicher die Namen in ein Multidimensionales Array.
Array(a) und Array(b) und suchst dann mit a.indexOf()
[Link: Registrierung erforderlich]

SponsorBoard
GEIZ - Geil Ein Idiot Zahlt

04.04.2014 16:54

TheDeception5

Beiträge: 43
Bewertung: 0
Registriert seit: Apr 2013
Status: offline

Beitrag: #3

RE: Suche mit Javascript

Ich speichere die in einer HTML Datei mithilfe einer Liste:

PHP-Code:

<li value="a">Monika</li>
 <li value="b">Hendrik</li> 

04.04.2014 17:12

sic_

Beiträge: 677
Bewertung: 0
Registriert seit: Feb 2013
Status: offline

Beitrag: #4

RE: Suche mit Javascript

Musst du die so speichern? Sonst speicher sie als JSON (JS Object Notation) Datei, das ist dafür gedacht Daten zu übermitteln:

Code:

[

    {

        "type": "a",

        "name": "Monika"

    },

    {

        "type": "b",

        "name": "Hendrik"

    }

]

(Ein Array, bestehend aus Objekten, bestehend aus zwei Attributen (type und name))

Dieser Beitrag wurde zuletzt bearbeitet: 04.04.2014 17:39 von sic_.

04.04.2014 17:34

TheDeception5

Beiträge: 43
Bewertung: 0
Registriert seit: Apr 2013
Status: offline

Beitrag: #5

RE: Suche mit Javascript

Nein wie ich die speichere ist eigentlich egal nur ich habe es einfach mal so gemacht ^^
Danke schon mal für die Antworten werde ich morgen mal ausprobieren! Weitere Vorschläge gerne gesehen Smile

//Danke für die Antworten hat geklappt Smile

Dieser Beitrag wurde zuletzt bearbeitet: 09.04.2014 07:51 von TheDeception5.

04.04.2014 21:01

Baumstrukturmodus | Brettstrukturmodus

« Ein Thema zurück | Ein Thema vor »

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	[Javascript]Alle Freunde auf eine Seite einladen	webdotdesign	0	1.767	02.11.2017 15:33 Letzter Beitrag: Marcel!
	[H] Javascript / jQuery - Div aus-/einblenden	Emptyx	5	1.815	02.11.2015 23:46 Letzter Beitrag: push
	JavaScript	Bremengo	1	1.465	16.07.2014 08:35 Letzter Beitrag: Aaron
	JavaScript Hilfe	Bremengo	4	1.569	09.07.2014 09:32 Letzter Beitrag: Bremengo
	Wordpress-News abfragen mittels Javascript	Effection	10	2.186	08.08.2013 13:10 Letzter Beitrag: Effection

Druckversion anzeigen
Thema einem Freund senden
Thema abonnieren
Thema zu den Favoriten hinzufügen