Problem mit Ajax und select

Hallo Schmakus und wilkommen im Forum ,

schau dir mal an was val() dir zurückliefert. http://api.jquery.com/val/

Zitat

The .val() method is primarily used to get the values of form elements such as input, select and textarea. In the case of select elements, it returns null when no option is selected and an array containing the value of each selected option when there is at least one and it is possible to select more because the multiple attribute is present.

Es gibt dir nämlich bereits die ausgewählten Elemente/das ausgewählte Element der Dropdownliste als Array zurück.
Somit brauchst du zweiteres mit dem Zugriff auf den Text der Select nicht mehr, da du diesen bereits als Rückgabewert
von val() erhälst

mfg Nita

Bau dir doch einmal ein Form NUR mit deinem Dropdownmenü und dann probier doch mal aus, was in deine var catifd und subcatid geschrieben wurde, zB via einem alert

/* [..]data = form.serialize();
alert(data); // Guck mal, was hier mitgegeben wurde




var catid = $("#cat").val();
alert(catid); // Guck mal, was hier ausgegeben wird

Eigentlich müsste nämlich beide Male ein NULL ausgegeben werden, falls nichts markiert wurde, oder ein Array mit den verschiedenen Values.

Zitat von Schmakus

Mit dem oben beschriebenen Tutorial wird mir doch nur das Value einer Selectbox übergeben?! Also z.B: "1".
Wie mache ich den Text "sichtbar"?

Gruß
Schmakus

Hm, ich weiß jetzt gerade nicht was du meinst

<select id="single">
  <option>Single</option>
  <option>Single2</option>
</select>

var singleValues = $( "#single" ).val(); //enthält Single/Single2

Das Ganze gibt dir doch den Text des Option-Feldes zurück, was genau erwartest du dir denn?

Poste am Besten mal deinen HTML-Code auf den du das Ganze anwenden möchtest, vlt können wir/ich das Ganze dann besser verstehen:)

Ich habe euch das mal in einen neuen Thread verschoben

Also, du hast select wie folgt:

<select name="foo" id="cat">
  <option value="1">Irgendein Text</option>
  <option value="2">Anderer Text</option>
</select>

Wenn du aber den Text und nicht die eigentlich value haben willst, wieso setzt du dann nicht den Text selbst als value ein?

<select name="foo" id="cat">
  <option value="Irgendein Text">Irgendein Text</option>
  <option value="Anderer Text">Anderer Text</option>
</select>

Warum denn eine Vereinfachung? Findest du das kompliziert? Man kann nun mal nicht immer alles mit einer Zeile Code lösen.

Wenn's schön aussehen soll kannst du ja ein Herz draus machen:

var CatSelect =                         /*#######*/
       document.getElementById("cat");         /*######################*/
    /*#################################*/  /*##############################*/
   /*#######################################################################*/
  /*#########################################################################*/
  /*#########################################################################*/
   /*######################################################################*/
     var CatText = CatSelect.options[CatSelect.selectedIndex].text;/*####*/ 
      var SubCatSelect = document.getElementById("subcat");/*##########*/
        var SubCatText = /*##########################################*/
          SubCatSelect.options[SubCatSelect.selectedIndex].text;/*#*/
            var data = form.serialize() + '&CatText='/*##########*/
               + CatText + '&SubCatText='/*####################*/
                  /*##*/ + SubCatText;/*####################*/
                    /*####################################*/
                       /*##############################*/
                         /*#########################*/
                            /*##################*/
                                /*###########*/
                                  /*#######*/
                                    /*###*/
                                     /**/
                                      //                                                                                  Hier ist auch noch Text!

Aber mal Spaß beiseite. Wenn du das Ganze etwas übersichtlicher gestalten möchtest würde ich eine Funktion empfehlen:

function readOption(element) {
        return {
            text: element.options[element.selectedIndex].text,
            value: element.options[element.selectedIndex].value
        };
    }

Jetzt kannst du beliebig viele Select Elemente immer wieder durch readOption() auslesen, so zum Beispiel:

<form name="formular">
        <select name="foo" id="cat">
            <option value="1">Irgendein Text</option>
            <option value="2">Anderer Text</option>
        </select>
        <input type="submit" name="submit">
    </form>

var CatSelect = document.forms.formular.foo;
    var Cat = readOption(CatSelect);




    var data = "&CatText=" + Cat.text +"&CatValue=" + Cat.value;

// Oder in nicht ganz so schön aber auch funktionsfähig:
    var Cat = document.forms.formular.foo;
    var data = "&CatText=" + readOption(Cat).text + "&CatValue=" + readOption(Cat).value;

Es ist nicht nötig seine Scripts kurz zu halten, man muss auch schon mal weiter ausholen (gerade bei JavaScript mit Browserweichen, z.B. ermitteln von Mausbewegung unter Berücksichtigung von Touch-Geräten). Wenn du dem Benutzer am Ende wirklich den Bruchteil einer tausendstel Sekunde sparen willst kannst du vor dem online stellen immer noch Leerzeichen entfernen und deine Funktionen einfach mit Buchstaben benennen:

var a = document.forms.formular.a;
    var b = "&CatText=" + c(a).d + "&CatValue=" + c(a).e;

Basiii .. kleine Bemerkung am Rande.. das mit dem Herz ist cool Selten so auf Arbeit gelacht

+1
Wer weiß - vlt ist das bald modern und es gibt dann JS-beautifier die den Quellcode so darstellen