<select> Voreingestellte Wahl und mit JS ändern
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
code
container
demo
element
erreichen
funktion
gestalten
http
kleine frage
laden
position
rand
reihenfolge
url
voreinstellung
wechsel
zeile
-
Hallo, ich möchte ein select Element, dass eine Voreinstellung hat, die nicht an der 1. Position ist, also:
<select><option>1</option><option>2</option><option>3</option></select>
Jetz wäre beim Seiten laden immer zuerst 1 ausgewählt, ich hätte aber gerne diese Reihenfolge, nur, dass 2 immer vorgewählt ist. Und eine JS Funktion um z.B. von 2 zu 3 zu wechseln. Geht das?
EDIT:
Noch kleine Frage am rande, kann ich z.B. bei:
document.getElementById('container').innerHTML += ''1 2 3 4";
Irgendwie Zeilenumbrüche reinpacken, um alles übersichtlicher zu gestalten, sodass der Code aber noch funktioniert, oder müsste ich dann nochmal eine neue Zeile mit innerHTML machen?
Beitrag zuletzt geändert: 4.7.2013 20:20:29 von c143 -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
c143 schrieb:
Hallo, ich möchte ein select Element, dass eine Voreinstellung hat, die nicht an der 1. Position ist, also:
<select><option>1</option><option>2</option><option>3</option></select>
Jetz wäre beim Seiten laden immer zuerst 1 ausgewählt, ich hätte aber gerne diese Reihenfolge, nur, dass 2 immer vorgewählt ist. Und eine JS Funktion um z.B. von 2 zu 3 zu wechseln. Geht das?
EDIT:
Noch kleine Frage am rande, kann ich z.B. bei:
document.getElementById('container').innerHTML += ''1 2 3 4";
Irgendwie Zeilenumbrüche reinpacken, um alles übersichtlicher zu gestalten, sodass der Code aber noch funktioniert, oder müsste ich dann nochmal eine neue Zeile mit innerHTML machen?
Zuerst mal die funktion:
function SelectElementIndex(value) { document.getElementById('SelectElement').selectedIndex = value; ; } SelectElementIndex('2') // Immer beginnend bei "0"
Demo:
http://jsfiddle.net/SZjE6/
so und was willste mit zeilenumbruch erreichen ?!
Beitrag zuletzt geändert: 4.7.2013 20:41:11 von n0tiert -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage