Hi Alexander,
Danke, dass Du Dich meinem Problem annimmst!
Hier der komplette Quelltext:
<script type="text/javascript">
var numOfItems = 3 ;
var currentItemValue ;
var starttag ;
var endtag ;
var selectedItemArray = new Array () ;
var numOfSelectionsArray = new Array (numOfItems) ;
function onTaskStarted() {
for ( i = 0; i < numOfItems; i++ ) {
starttag = "starttag" + i ;
endtag = "endtag" + i ;
document.getElementById(starttag).innerHTML = "<b>" ;
document.getElementById(endtag).innerHTML = "</b>" ;
}
}
function onItemSelected(currentItemValue) {
for ( i = 0; i < numOfItems; i++ ) {
if ( currentItemValue == selectedItemArray[i] ) {
numOfSelectionsArray[currentitemValue] = numOfSelectionsArray[currentItemValue] + 1 ;
}
else {
}
if ( numOfSelectionsArray[currentItemValue] == 0 ) {
document.getElementById( "starttag" + i ).innerHTML = "<b>" ;
document.getElementById( "endtag" + i ).innerHTML = "</b>" ;
}
else if ( numOfSelectionsArray[currentItemValue] == 1 ) {
document.getElementById( "starttag" + i ).innerHTML = "<b class=Pt12Bold>" ;
document.getElementById( "endtag" + i ).innerHTML = "</b class=Pt12Bold>" ;
}
else {
document.getElementById( "starttag" + i ).innerHTML = "<b class=Pt12RedBold>" ;
document.getElementById( "endtag" + i ).innerHTML = "</b class=Pt12RedBold>" ;
}
}
selectedItemArray[item1] = currentItemValue ;
}
</script>
<link rel=stylesheet type="text/css" href="stylesheet.css">
</head>
<body onLoad="onTaskStarted()">
<form>
<select size="1" name="item1" onChange="onItemSelected()">
<option value="1">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
<select size="1" name="item2" onChange="onItemSelected()">
<option value="1">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
<select size="1" name="item3" onChange="onItemSelected()">
<option value="1">111</option>
<option value="2">222</option>
<option value="3">333</option>
</select>
<div id="starttag"></div>111<div id="endtag"></div>
<div id="starttag2"></div>222<div id="endtag2"></div>
<div id="starttag3"></div>333<div id="endtag3"></div>
</form>
</body>
</html>