ilch Forum » Allgemein » HTML, PHP, SQL,... » value von Dropdown Menü anzeigen

Geschlossen
  1. Di. 04.01.2011 21:21 Uhr #1
    User Pic
    Anarchy 90210 Mitglied
    Registriert seit
    15.05.2007
    Beiträge
    578
    Beitragswertungen
    1 Beitragspunkte
    Hey!

    Ich möchte ein Dropdown Menü erstellen, wo rechts daneben eine Wertausgabe ist. Soweit bin ich bereits, nur wie kann ich mir den "value" anzeigen lassen? 

    <select >
      <option value="4" selected>4 Slots</option>
	  <option value="6" selected>>6 Slots</option>
      <option value="8" selected>>8 Slots</option>
      <option value="10" selected>>10 Slots</option>
    </select>


    Zuletzt würde ich gerne von mehreren Dropdownmenüs mir die Werte berechnen lassen und ebenfalls anzeigen lassen.

    Könnt ihr mir nen heißen Tipp geben?

    MfG
    0 Mitglieder finden den Beitrag gut.
  2. Di. 04.01.2011 21:36 Uhr #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    Ich würde mal spontan auf jquery tippen, damit das ohne reload der ganzen Seite geht
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. Di. 04.01.2011 21:40 Uhr #3
    User Pic
    Ithron Hall Of Fame
    Registriert seit
    21.01.2006
    Beiträge
    2.659
    Beitragswertungen
    24 Beitragspunkte
    Naja wenn es nur um diese Funktionalität geht und jquery ansonsten nicht benötigt wird wäre ein eigenes javascript hier wohl besser (wozu riesiges framework laden wenn man das gleiche in ca 10 zeilen erledigen kann ;-) ).

    Wenn jquery aber eh vorhanden ist, klar dann nimmt man jquery.
    ZitatZitat geschrieben von loW

    Ja ich habs gesehen und wenn ichs kostenlos bekomm dann zahl ich doch nix dafür oder?
    0 Mitglieder finden den Beitrag gut.
  4. Di. 04.01.2011 21:41 Uhr #4
    User Pic
    Anarchy 90210 Mitglied
    Registriert seit
    15.05.2007
    Beiträge
    578
    Beitragswertungen
    1 Beitragspunkte
    achja... zu erwähnen wäre noch: ich habe sowas schonmal vor 4 Jahren gesehn =D

    Ithron, genau das wollte ich auch schreiben, ich hab das schonmal mit rund 10 Zeilen gesehn... nur wo + name weiß ich nichtmehr =/

    Wie auch immer, die 1. Aufgabe wäre erledigt, nur wie addiere ich die Values von 2 Dropdown Menüs?

    bisheriger code glücklich 
    <script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
  <p></p>
  <select id="single">
      <option value="4" selected>4 Slots</option>
	  <option value="6" selected>6 Slots</option>
      <option value="8" selected>8 Slots</option>
      <option value="10" selected>10 Slots</option>

  </select>
  
<script>
    function displayVals() {
      var singleValues = $("#single").val();
      var multipleValues = $("#multiple").val() || [];
      $("p").html(singleValues + "<b> Euro</b> ");
    }

    $("select").change(displayVals);
    displayVals();

</script>



    Zuletzt modifiziert von Anarchy 90210 am 04.01.2011 - 22:06:11
    0 Mitglieder finden den Beitrag gut.
  5. Di. 04.01.2011 23:03 Uhr #5
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Wenn du dein Problem genauer formulierst kann sicher besser geholfen werden, aus deinem Beispielcode werde ich auch nicht schlau.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  6. Mi. 05.01.2011 09:43 Uhr #6
    User Pic
    oink Mitglied
    Registriert seit
    23.09.2010
    Beiträge
    740
    Beitragswertungen
    227 Beitragspunkte
    ZitatZitat geschrieben von Ithron
    Naja wenn es nur um diese Funktionalität geht und jquery ansonsten nicht benötigt wird wäre ein eigenes javascript hier wohl besser (wozu riesiges framework laden wenn man das gleiche in ca 10 zeilen erledigen kann ;-) ).

    Wenn jquery aber eh vorhanden ist, klar dann nimmt man jquery.


    ach quatsch, jQuery minified hat nur eine zeile zwinker
    before creation there must be destruction
    0 Mitglieder finden den Beitrag gut.
  7. Mi. 05.01.2011 15:57 Uhr #7
    User Pic
    Anarchy 90210 Mitglied
    Registriert seit
    15.05.2007
    Beiträge
    578
    Beitragswertungen
    1 Beitragspunkte
    aber es wird ein großes Framework zusätzlich geladen zwinker

    Ich habe mehrere dieser Dropdown Menüs und alle Menüpunkte haben einen Wert. Diese Werte möchte ich noch addieren lassen.
    0 Mitglieder finden den Beitrag gut.
  8. Mi. 05.01.2011 17:16 Uhr #8
    User Pic
    Ithron Hall Of Fame
    Registriert seit
    21.01.2006
    Beiträge
    2.659
    Beitragswertungen
    24 Beitragspunkte
    Ne oink hat Recht, jquery minified ist nur eine Zeile groß. Allerdings eine Zeile von endlos vielen Zeichen (es sind einfach alle Zeilenumbrüche entfernt worden).


    Zu deinem Problem: Du bekommst in value grundsätzlich nur einen String zurück. Diesen musst du erstmal mit parseInt() in eine Zahl umwandeln und dann kannst du auch damit rechnen.

    Mh, ich sehe gerade es geht um Währungen. Dann nimm parseFloat() -> da haste Kommazahlen dabei.


    Zuletzt modifiziert von Ithron am 05.01.2011 - 17:17:10
    ZitatZitat geschrieben von loW

    Ja ich habs gesehen und wenn ichs kostenlos bekomm dann zahl ich doch nix dafür oder?
    0 Mitglieder finden den Beitrag gut.
  9. Do. 06.01.2011 10:01 Uhr #9
    User Pic
    Anarchy 90210 Mitglied
    Registriert seit
    15.05.2007
    Beiträge
    578
    Beitragswertungen
    1 Beitragspunkte
    okii, Danke dir glücklich

    kann ich eigentlich auch mehrere Werte pro Punkt nehmen, Beispiel: 

     <select id="single"> 
      <option value="4" value2="2,50" selected>4 Slots</option> 
      <option value="6" value2="4,50" selected>6 Slots</option> 
      <option value="8" value2="6,50" selected>8 Slots</option> 
      <option value="10" value2="8,50" selected>10 Slots</option> 
 
  </select>



    Zuletzt modifiziert von Anarchy 90210 am 06.01.2011 - 10:09:50
    0 Mitglieder finden den Beitrag gut.
  10. Do. 06.01.2011 14:01 Uhr #10
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Mit jQuery könnte man auf jeden Fall drauf zugreifen, mit Javascript gehts vielleicht auch mit .value2, sicher aber müsste es mit .getAttribute('value2') gehen.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  11. Do. 06.01.2011 16:14 Uhr #11
    User Pic
    Ithron Hall Of Fame
    Registriert seit
    21.01.2006
    Beiträge
    2.659
    Beitragswertungen
    24 Beitragspunkte
    Wobei dann natürlich dein code nicht mehr valid ist.

    Warum weißt du den Items nicht script intern oder in einer Datenbank einen Preis zu? Dann brauchst du auch kein value2.

    Btw: ich bin mir relativ sicher das du die Kommazahlen mit Punkt schreiben musst (2.50 etc.). Glaube nicht das javascript die deutsche schreibweise kennt.
    ZitatZitat geschrieben von loW

    Ja ich habs gesehen und wenn ichs kostenlos bekomm dann zahl ich doch nix dafür oder?
    0 Mitglieder finden den Beitrag gut.
  12. Do. 06.01.2011 18:43 Uhr #12
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    Weiter könntest du sie auch alle in dem value durch bestimmte Zeichen trennen, ist dann allerdings beim Verarbeiten schwieriger, da sie erst getrennt werden müssen.

    Weiter könntest du die Daten auch im js direkt in einer Variable speichern und dann über Indizes darauf zugreifen. Auf jeden Fall sollte es bei einfachen Werten nicht bei jeder Berechnung auf die Datenbank zugegriffen werden, wenn die Berechnung mit JS gemacht wird.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  13. Do. 06.01.2011 20:26 Uhr #13
    User Pic
    Anarchy 90210 Mitglied
    Registriert seit
    15.05.2007
    Beiträge
    578
    Beitragswertungen
    1 Beitragspunkte
    joo, erstens das mit dem Punkt ist ein immer wiederkehrendes Versehen von mir. Spätestens wenns nicht geht fällts mir auf.

    soo, ich habe mich ein wenig schlau gemacht und halte folgendes für die beste Idee: 

     <option value="9|4" selected>4 Slots</option>
<option value="9|6" selected>6 Slots</option>
<option value="9|8" selected>8 Slots</option>
<option value="10|10" selected>10 Slots</option>


    <?php
$teile = explode("|", $_POST['selectname']);
$teile[0] value1 $teile[1] value2
?>

    Jedoch fehlt hier einfach wieder mein Javascript Verständnis: Wie kann ich dann noch den richtigen Wert durch Javascript lesen?
    Ich habe mir ja das Codebeispiel von jquery gleich genommen, jedoch sehe ich hier keine eindeutige Wert Erkennung, sprich: es würde mir dann unbeachtet von php "10|10" ausgeben. 

    <script>
    function displayVals() {
      var singleValues = $("#single").val();
      var multipleValues = $("#multiple").val() || [];
      $("p").html(singleValues + "<b> Euro</b> ");
    }

    $("select").change(displayVals);
    displayVals();

</script>



    Zuletzt modifiziert von Anarchy 90210 am 06.01.2011 - 20:27:01
    0 Mitglieder finden den Beitrag gut.
  14. Do. 06.01.2011 21:54 Uhr #14
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    386 Beitragspunkte
    In Javascript gehts so 
    var string = '6|9'; //als platzhalter für den string, kann bei dir der value sein, angenommen 
var teile = string.split('|');
teile[0]; //6
teile[1]; //9
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  15. Fr. 07.01.2011 17:31 Uhr #15
    User Pic
    Anarchy 90210 Mitglied
    Registriert seit
    15.05.2007
    Beiträge
    578
    Beitragswertungen
    1 Beitragspunkte
    Mairu... Das ist eine noch bessere Idee!!
    Vielen Dank!
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten