Ergebnis 1 bis 15 von 15
-
24-10-2010, 15:57 #1
Jungspund
- registriert
- 23-08-2005
- Ort
- Wien
- Beiträge
- 11
leere option-tags in dynamisch erzeugtem select-feld
Hallo jswelt-community.
ich sitze gerade an einem dynamisch befüllten formular, das soweit eigentlich auch schon ganz gut funktioniert.
es gibt zwei Auswahlfelder, je nach Auswahl im ersten Feld wird dann das zweite angezeigt oder eben nicht. Wenn das zweite Feld angezeigt wird, gibt es da auch noch verschiedene Optionen. Der js-code der ausgworfen wird (wird per php dynamisch gechrieben) scheint soweit korrekt, trotzdem jedoch wird erscheinen massenhaft leere option-tagsCode:<option></option>
hier der ganze generierte code:
Code:<script type="text/javascript"> $(function() { var val = document.getElementById('page_type'); $("div#parent").css("display", "none"); }); function showFields(obj) { try { var val = $("#page_type").val(); if(val == "2") { $("div#parent").fadeIn("slow").css("display", "block"); }else if (val == "4") { $("div#parent").fadeIn("slow").css("display", "block"); }else if (val == "6") { $("div#parent").fadeIn("slow").css("display", "block"); }else if (val == "1") { $("div#parent").fadeIn("slow").css("display", "block"); }else if (val == "") { $("div#parent").fadeIn("slow").css("display", "block"); }else { $("div#parent").css("display", "none"); }} catch(e) { alert(e); } var chosenType = document.forms.html_data.page_type; var possibleParents = document.forms.html_data.page_menu_parent; possibleParents.options.length = 0; // DropDown Menue entleeren if (val == "2") { possibleParents.options[1] = new Option("Home"); possibleParents.options[22] = new Option("Alte Seite"); possibleParents.options[263] = new Option("asdfasdfdf"); possibleParents.options[266] = new Option("neue unterseite"); } else if (val == "4") { possibleParents.options[1] = new Option("Home"); possibleParents.options[22] = new Option("Alte Seite"); possibleParents.options[263] = new Option("asdfasdfdf"); possibleParents.options[266] = new Option("neue unterseite"); } else if (val == "6") { possibleParents.options[1] = new Option("Home"); possibleParents.options[22] = new Option("Alte Seite"); } else if (val == "1") { } } </script>
-
24-10-2010, 15:59 #2
Jungspund
- registriert
- 23-08-2005
- Ort
- Wien
- Beiträge
- 11
AW: leere option-tags in dynamisch erzeugtem select-feld
a
-
24-10-2010, 16:30 #3
AW: leere option-tags in dynamisch erzeugtem select-feld
Könnte an den seltsamen Indizes der options liegen. Gib denen hald fortlaufende Nummern und beginne bei 0.
-
24-10-2010, 16:39 #4
Jungspund
- registriert
- 23-08-2005
- Ort
- Wien
- Beiträge
- 11
AW: leere option-tags in dynamisch erzeugtem select-feld
mit indizes meinst du jetzt den jeweilen value, oder? das geht dann leider nicht, weil diese werte aus der db kommen und woanders zur verknüpfung benötigt werden.
-
24-10-2010, 16:45 #5
AW: leere option-tags in dynamisch erzeugtem select-feld
Nein, ich meine nicht den Wert der <option>, sondern dessen index im .options-"Array". (Den Wert belegst du gar nicht explizit...)
-
24-10-2010, 17:02 #6
AW: leere option-tags in dynamisch erzeugtem select-feld
Wie schon kkapsner sagte,
es liegt an den Indizes, heißt an den Zahlen in den eckigen Klammern von .options[xxx].
Denn die Indizes bestimmen, an welche Stelle das Option Tag hinzugefügt wird.
Belegst du nun options[0] und options[10] mit einem Wert,
dann werden automatisch alle dazwischenliegenden options als leere tags erzeugt.
Da gibt es leider keinen Weg vorbei, du musst die Indizes von 0 an fortlaufen lassen.
gruß,
Castell
-
24-10-2010, 20:04 #7
Jungspund
- registriert
- 23-08-2005
- Ort
- Wien
- Beiträge
- 11
AW: leere option-tags in dynamisch erzeugtem select-feld
gibt es einen weg, leere option-tags wieder rauszufiltern?
-
24-10-2010, 20:19 #8
AW: leere option-tags in dynamisch erzeugtem select-feld
Schon - aber warum willst du die Leeren überhaupt erzeugen? Denn wenn du die Leeren löschst ändert sich auch der Index der nicht leeren.
-
24-10-2010, 20:49 #9
Jungspund
- registriert
- 23-08-2005
- Ort
- Wien
- Beiträge
- 11
AW: leere option-tags in dynamisch erzeugtem select-feld
ich will die leeren nicht erzeugen, aber ich brauche die values mit den richtigen zahlen, und nicht mit den zahlen in der reihenfolge von 0 beginnend einfacdeshalb poste ich hier ja.
oder gibt es einen weg, die values extra zu setzen? jedenfalls sollen halt wirklich nur die zeilen rauskommen, die ich brauche. mit den richtigen valuesGeändert von erlprinz (24-10-2010 um 20:52 Uhr)
-
24-10-2010, 21:11 #10
AW: leere option-tags in dynamisch erzeugtem select-feld
Code:possibleParents.options[1] = new Option("Home"); possibleParents.options[22] = new Option("Alte Seite"); possibleParents.options[263] = new Option("asdfasdfdf"); possibleParents.options[266] = new Option("neue unterseite");
Hoffe ich konnte helfen
-
24-10-2010, 21:18 #11
AW: leere option-tags in dynamisch erzeugtem select-feld
Noch einmal: Der Wert der <option>s hat gar nichts mit dem Index im .options-"Array" zu tun:
Code:<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Fenstertitel</title> <script type="text/javascript"> window.onload = function(){ var sel = document.getElementById("sel"); sel.options[3] = new Option("test"); for (var i = 0; i < sel.options.length; i++){ alert(i + ": " + sel.options[i].value); } sel.options[4] = new Option("test2", "hallo"); alert("4: " + sel.options[4].value); } </script> <style type="text/css"></style> </head> <body> <select id="sel"> </select> </body> </html>
-
24-10-2010, 22:27 #12
Jungspund
- registriert
- 23-08-2005
- Ort
- Wien
- Beiträge
- 11
AW: leere option-tags in dynamisch erzeugtem select-feld
okay. danke. das wars, hat geholfen. also alles was ich machen mußte, war in die klammer zur erzeugung der neuen option auch den wert hineinzuschreiben, an zweiter position. Danke : )
-
24-10-2010, 22:51 #13
AW: leere option-tags in dynamisch erzeugtem select-feld
Bitte - aber du solltest dich dringend mit den Grundlagen von JS beschäftigen...
-
24-10-2010, 22:54 #14
Jungspund
- registriert
- 23-08-2005
- Ort
- Wien
- Beiträge
- 11
AW: leere option-tags in dynamisch erzeugtem select-feld
kannst du mir da einen guten weg empfehlen, das anzugehen? habe bisher noch nicht so ein tolles verzeichnis gefunden wie zb für php, wo man alles nachschlagen kann (manual auf php.net).
-
24-10-2010, 23:03 #15
AW: leere option-tags in dynamisch erzeugtem select-feld
http://de.selfhtml.org/ ist recht gut für den Einstieg. Ansonsten kann man immer bei MSDN und MDC nachschlagen.
Ähnliche Themen
-
nach select Box Text dynamisch erstellen & select box verriegeln
Von Deezelpower im Forum JavaScriptAntworten: 15Letzter Beitrag: 04-08-2009, 19:53 -
Option Feld aus Formular in anderes Feld übertragen
Von pepe im Forum JavaScriptAntworten: 5Letzter Beitrag: 07-08-2008, 15:12 -
Select-Feld dynamisch ausblenden
Von ska im Forum JavaScriptAntworten: 0Letzter Beitrag: 28-06-2006, 22:01 -
select menü - neues fenster + select feld zurücksetzen
Von crucho im Forum JavaScriptAntworten: 0Letzter Beitrag: 17-12-2004, 10:47 -
input feld/option-select feld abfrage
Von xxoes im Forum JavaScriptAntworten: 3Letzter Beitrag: 26-03-2002, 12:29
Lesezeichen