Jochen Gebauer: Variable in ElementById() - Klammern

Beitrag lesen

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>