mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 20:27 Benutzername: Passwort: Auto-Login

Thema: JS select event vom 10.05.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> JS select event
Autor Nachricht
ApfelQFeierabend
Threadersteller

Dabei seit: 05.04.2008
Ort: Regensburg
Alter: 36
Geschlecht: Männlich
Verfasst So 10.05.2009 10:12
Titel

JS select event

Antworten mit Zitat Zum Seitenanfang

Ich habe zwei <select> Felder, das zweite <select> Feld soll sich nach dem ersten richten. Dh. wenn ich im ersten Option mit value="3" nehme soll im zweiten nur die dritte <optgroup> erscheinen, damit es nicht so verwirrend für den User ist.
Code:
<label>
   <span>Weiterverarbeitung</span>
   <select class="weiterv" name="weiterv">
      <option value="1">PVC, Vollplane, 440gr/m² +15,97&euro;</option>
      <option value="2">Mesh, Netzgitter, 330gr/m² +15,97&euro;</option>
      <option value="3">Backliteplane, 510gr/m² +23,00&euro;</option>
      <option value="4">Klebefolie, monomer, weiß +19,00&euro;</option>
      <option value="5">Klebefolie, polymer, weiß +23,00&euro;</option>
      <option value="6">Klebefolie, polymer, klar +23,00&euro;</option>
      <option value="7">Klebefolie, polymer, transluzent +26,00&euro;</option>
      <option value="8">Plakatpapier, kleisterbar +16,00&euro;</option>
      <option value="9">Leinen +23,00&euro;</option>
      <option value="10">Fahnenstoff (Konfektionierung nach Absprache) +28,50&euro;</option>
      <option value="11">Fotopapier, 270gr/m² +30,00&euro;</option>
      <option value="12">Normalpapier, 120gr/m² +20,00&euro;</option>
   </select>
</label>
<label>
   <span>Sonderm&ouml;glichkeiten</span>
   <select class="weiterv" name="sonder">
      <optgroup label="PVC, Vollplane, 440gr/m²">
         <option value="1|13">nur geschnitten +0,00&euro;</option>
         <option value="1|14">rundum gesäumt +0,00&euro;</option>
         <option value="1|15">rundum gesäumt und geöst +0,00&euro;</option>
         <option value="1|16">Keder an der Ober- und Unterkante +3,50&euro;</option>
         <option value="1|17">Klettband an der Ober- und Unterkante +5,00&euro;</option>
      </optgroup>
      <optgroup label="Mesh, Netzgitter, 330gr/m²">
         <option value="2|18">nur geschnitten +0,00&euro;</option>
         <option value="2|19">rundum gesäumt +0,00&euro;</option>
         <option value="2|20">rundum gesäumt und geöst +0,00&euro;</option>
         <option value="2|21">Hohlsaum an der Ober- und Unterkante +0,00&euro;</option>
         <option value="2|22">Keder an der Ober- und Unterkante +3,50&euro;</option>
         <option value="2|23">Klettband an der Ober- und Unterkante +5,00&euro;</option>
      </optgroup>
      <optgroup label="Backliteplane, 510gr/m²">
         <option value="3|24">nur geschnitten +0,00&euro;</option>
         <option value="3|25">rundum gesäumt +0,00&euro;</option>
         <option value="3|26">rundum gesäumt und geöst +0,00&euro;</option>
         <option value="3|27">Hohlsaum an der Ober- und Unterkante +0,00&euro;</option>
         <option value="3|28">Keder an der Ober- und Unterkante +3,50&euro;</option>
         <option value="3|29">Klettband an der Ober- und Unterkante +5,00&euro;</option>
      </optgroup>
      <optgroup label="Klebefolie, monomer, weiß">
         <option value="4|30">rundum beschnitten (kein Konturschnitt) +0,00&euro;</option>
      </optgroup>
      <optgroup label="Klebefolie, polymer, weiß">
         <option value="5|31">rundum beschnitten (kein Konturschnitt) +0,00&euro;</option>
      </optgroup>
      <optgroup label="Klebefolie, polymer, klar">
         <option value="6|32">rundum beschnitten (kein Konturschnitt) +0,00&euro;</option>
      </optgroup>
      <optgroup label="Klebefolie, polymer, transluzent">
         <option value="7|33">rundum beschnitten (kein Konturschnitt) nach Abspr +0,00&euro;</option>
      </optgroup>
      <optgroup label="Plakatpapier, kleisterbar">
         <option value="8|34">beschnitten +0,00&euro;</option>
      </optgroup>
      <optgroup label="Leinen">
         <option value="9|35">beschnitten +0,00&euro;</option>
      </optgroup>
      <optgroup label="Fahnenstoff (Konfektionierung nach Absprache)">
         <option value="10|36">Konfektionierung nach Absprache +0,00&euro;</option>
      </optgroup>
      <optgroup label="Fotopapier, 270gr/m²">
         <option value="11|37">beschnitten +0,00&euro;</option>
      </optgroup>
      <optgroup label="Normalpapier, 120gr/m²">
         <option value="12|38">beschnitten +0,00&euro;</option>
      </optgroup>
   </select>
</label>


Zuletzt bearbeitet von ApfelQFeierabend am So 10.05.2009 10:12, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
bacon

Dabei seit: 24.10.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst So 10.05.2009 10:20
Titel

Antworten mit Zitat Zum Seitenanfang

Moin.

Und? ... wo drückt denn der Schuh? Du hast nur den Plan gepostet, die Frage aber vergessen?

Mal nebenbei: Was ist'n das eigentlich für ne Sitte, die <selects> in ein <label> zu packen - hab ich so auch noch nie gesehen. Formal gesehen zwar korrekt, aber irgendwie kommts mir seltsam vor - das <select> triggert ja dann onclick nochmal seine eigene Fokussierung ...

Besser:
Code:
<form>
  <block-elem>
    <label for="id_form_element"> ...</label>
    <input .. id="form_element" ... />
  </block-elem>
   ...
</form>
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 10.05.2009 10:26
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.wait-till-i.com/2007/03/17/unobtrusive-connected-select-boxes-yet-another-solution-approach/
http://icant.co.uk/sandbox/multilevel.html


Zuletzt bearbeitet von m am So 10.05.2009 10:28, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ApfelQFeierabend
Threadersteller

Dabei seit: 05.04.2008
Ort: Regensburg
Alter: 36
Geschlecht: Männlich
Verfasst So 10.05.2009 10:33
Titel

Antworten mit Zitat Zum Seitenanfang

m hat geschrieben:
http://www.wait-till-i.com/2007/03/17/unobtrusive-connected-select-boxes-yet-another-solution-approach/
http://icant.co.uk/sandbox/multilevel.html


Ja! genau sowas mal schauen ob ich damit klar komme.

@bacon
ist eigentlich nur wegen css, damit kann ich die beschriftung recht einfach links neben ein feld setzen. und es validiert ja noch.
Code:
label{
display : block;
}
label > span{
display : inline-block;
width : 180px;
}
label > input,
label > select usw{
display : inline-block;
width : 180px;
}


edit: ah mit deinem vorschlag würde es auch funktionieren. aber ich machs schon immer so Grins


Zuletzt bearbeitet von ApfelQFeierabend am So 10.05.2009 10:37, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen select-box option aktiviert select-box
Event-Format für Import
onclick event verhindern
onClick Event und versenden per Formular
Javascript: Problem mit Event 'onorientationchange'
Event: neuer Frame - in Actionscript
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.