Frage Listbox einbauen?

[duti]

Hi Leute, ich habe ein kleines Problem.
Ich übe gerade ein bisschen und wollte eine Listbox in meinem Code einbauen.

Ich habe eine Textbox mit der ich meine MySql Ausgabe filtern kann.
Funktioniert auch, nun dachte ich mir ich mache eine Listbox anstelle der Textbox, aber ich weis nicht wie ich dass einbauen soll.

Jetzt funktioniert das mit Keyup. Das eingegebene wird sofort gefiltert.

Kann mir jemand helfen?

js file

$(document).ready(function(e){
    $("#search").keyup(function()
    {
        $("#here").show();
        var x = $(this).val();
        $.ajax(
        {
            type:'GET',
            url:'name.php',
            data:'q='+x,
            success:function(data)
            {
                $("#here").html(data);           
            }
            ,
        });
});

ich danke euch für eure Hilfe

mfg duti

 

[LeCub]

Hi,
was genau ist denn dein Problem bzw. was funktioniert nicht? In dem Codeschnipsel oben ist weder irgendwas von einer List- noch Textbox zu sehen, die laut Titel das Problem sein soll. Wenn du dein Problem etwas genauer beschreiben und mehr aus deinem Code zeigen würdest, könnte man dir helfen

 

[duti]

Sry,

Momentan Filtere ich ja über ein Textfeld.
Index.php

<input type="text" id="search" name="search">
<div id="hier"></div>

nun möchte ich aber eine Listbox einbauen

<select name="select">
    <option value="web">web</option>
    <option value="auto">auto</option>
  </select>
<div id="hier"></div>

Ich habe bei meiner JS Datei schon folgendes ausprobiert:

$(document).ready(function(e){
   $("#select").live("click", function ()()
    {
        $("#here").show();
        var x = $(this).val();
        $.ajax(
        {
            type:'GET',
            url:'name.php',
            data:'q='+x,
            success:function(data)
            {
                $("#here").html(data);           
            }
            ,
        });
});

funktioniert leider nicht.
Ich kenne mich in dem Bereich nicht so gut aus... leider..

 

[LeCub]

Probiers mal damit:

$(document).ready(function(e){
      $("select").change(function ()
    {
        $("#here").show();
        var x = $(this).val();
       $.ajax(
        {
            type:'GET',
            url:'name.php',
            data:'q=' + x,
            success:function(data)
            {
                $("#here").html(data);        
            }
            ,
        });
});

1. Du hast das Element mit der ID "select" aufgerufen, obwohl es kein solches objekt gab
2. Du hast die live() funktion genutzt, obwohl es gar nicht nötig war
3. Du hast zwei () zu viel benutzt

Jetzt sollte es gehen

 

[duti]

danke dir LeCub!!
ich habe am Anfang noch einen Fehler bekommen über die JS Konsole.
ein }); hat gefehlt.
ich danke dir viel viel mal!

 

[duti]

noch eine kleine Frage.
Ist es möglich das eine Option von der Listbox automatisch ausgewählt wird?
Jetzt wird zwar die erste Option von der Listbox angezeigt, aber erst beim wechseln auf die 2. Option bekomme ich die Ausgabe.

mfg

 

[LeCub]

<option selected><option/>