Sponsor-Board.de

Normale Version: Suche mit Javascript
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
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

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]
Ich speichere die in einer HTML Datei mithilfe einer Liste:

PHP-Code:
<li value="a">Monika</li>
 <
li value="b">Hendrik</li

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))

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
Referenz-URLs