Ändern der Hintergrundfarbe trotz Einsatzes von onchange

[Brooklyn]

Hallo Leute,

ich möchte über ein Auswahlfeld verschiedene Felder einblenden lassen. Sollte aber eines der eingeblendeten Felder leer sein, soll die Hintergrundfarbe des jeweiligen Feldes geändert werden. Das Auswahlfeld zeigt mithilfe von onchange die verschiedenen Felder an. Die Hintergrundfarbe ändert sich aber erst nach dem Abschicken des Formulares. Kann man die Hintergrundfarbe ändern, sobald das Formular mit leeren Feldern versendet wird?

====================================
function doIt(theValue)
{
var divs=document.getElementsByTagName("DIV");
for(var i=0;i<divs.length;i++)
{
divs[i].style.display=(( theValue=="- Auswahl-" || divs[i].id==theValue)?"block":"none");
}
}

<div id="EC-Karte" <?php if($identifikation_durch != "EC-Karte") echo "style='display:none;'"; ?>>
<label style="width:150px; background-color: <?php echo $farbe_kontonummer; ?>">Konto-Nummer:</label>
         <input type="Text" name="kontonummer" value="<?php echo $kontonummer; ?>" size="17" maxlength="16">
         <br>
         <label style="width:150px; background-color: <?php echo $farbe_blz; ?>">BLZ:</label>
         <input type="Text" name="blz" value="<?php echo $blz; ?>" size="17" maxlength="8">
         <br>
         <label style="width:150px; background-color: <?php echo $farbe_gueltig_bis; ?>">g&uuml;ltig bis:</label>
         <input type="Text" name="gueltig_bis" id="gueltig_bis" value="<?php echo $gueltig_bis; ?>" size="10" readonly>
</div>

Vorab schonmal besten Dank für eure Ideen.

[Gunnar Bittersmann]

@@Brooklyn:

nuqneH

function doIt(theValue)

Ziemlich blöder Bezeichner für eine Funktion. Verwende einen Namen, der angibt, was die Funktion tut!

  divs[i].style.display=(( theValue=="- Auswahl-" || divs[i].id==theValue)?"block":"none");  

Mit JavaScript CSS-Eigenschaften zu ändern, ist in den allermeisten Fällen keine gute Idee. Was, wenn doch nicht ausgeblendet, sondern ausgegraut werden soll?

<label style="width:150px; background-color: <?php echo $farbe_gueltig_bis; ?>">g&uuml;ltig bis:</label>

Umlaute sollten nicht escapet werden. Verwende 'ü'!

Vorab schonmal besten Dank für eure Ideen.

Kein JavaScript, sondern mit @required [HTML5] und :invalid [CSS3-UI]

Qapla'