nicht angemeldet
Hallo Sara,
Du hast drei Fehler drin - aber ums gleich zu sagen: auch wenn Du sie korrigierst, geht's nicht.
Die Fehler:
-
Die Nummerierung der Listeneinträge beginnt immer bei null, der erste Eintrag ist die 0, der zweite die 1, usw.
-
Die Select-Liste muss, damit zwei Einträge selektiert werden können, auf multiple gesetzt werden.
-
Die JavaScript-Funktion muss natürlich aufgerufen werden. Das geht über den Event-Handler onchange im select-Tag.
Der im Prinzip funktionierende Code ist unten.
Problem: Setzt man die Liste auf multiple, wird sie nicht mehr als Dropdown-Liste angezeigt, sondern wie ein mehrzeiliges Auswahlfeld, halt nur einzeilig. Damit ist - falls nicht noch wer ne geniale Idee hat - die Idee der Selektierung der zweiten Zeile per JavaScript gestorben. Du wirst damit leben müssen, entweder a) nur einzeilige Einträge zu haben oder b) die jeweils andere Seite nicht selektiert zu bekommen.
Hier der Code nochmal:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="sara">
<title>keine titel</title>
<script language="javascript"><!--
function selectOtherLine() {
if(document.Formularname.Selectlistenname.options[0].selected == true) {
document.Formularname.Selectlistenname.options[1].selected = true;
}
else if(document.Formularname.Selectlistenname.options[1].selected == true) {
document.Formularname.Selectlistenname.options[0].selected = true;
}
}
// -->
</script>
<style type="text/css" media="screen"><!--
.class { color: navy; font-size: 8pt; font-family: Verdana }
--></style>
</head>
<body bgcolor="#ffffff">
<form action="(EmptyReference!)" method="get" name="Formularname">
<p>
<select class="class" name="Selectlistenname" size="1" onchange="selectOtherLine();" multiple>
<option value="one">erste zeile</option>
<option value="one"> ist hier</option>
<option>................</option>
<option value="two">zweite zeile</option>
<option value="two">hier</option>
<option>................</option>
<option value="three">und hier</option>
<option value="three">die dritte</option>
<option>................</option>
</select></p>
</form>
<br>
<br>
</body>
</html>
Grüße,
Utz