Andreas: Ausblenden von Drop-Down-Optionen

Hallo,

gibt es eine Moeglichkeit im IE eine Option aus einer Drop-Down-Box auszublenden?

So funktioniert es im Firefox:
<select size='1' name='hideColumn' width='250'>
<option value='unsichtbar' style='display:none'>unsichtbar</option>
<option value='sichtbar'>sichtbar</option>
</select>

Im IE sind aber beide Optionen sichtbar.

Danke,
Andreas

  1. Hallo Andreas,

    So funktioniert es im Firefox:
    <select size='1' name='hideColumn' width='250'>
    <option value='unsichtbar' style='display:none'>unsichtbar</option>
    <option value='sichtbar'>sichtbar</option>
    </select>

    Also ich finde ja nicht, dass das funktioniert. Das sieht eher komisch aus. So funktioniert es in Firefox 2, Opera 9 und Safari 3 - wenngleich das nicht wirklich unsichtbar ist.

    <select size='1' name='hideColumn' width='250'>
    <option value='unsichtbar' disabled="disabled">unsichtbar</option>
    <option value='sichtbar' selected="selected">sichtbar</option>
    </select>

    Für IE 7 müsstest du dir noch was überlegen.

    Grüße

    Nico

    1. Hallo Nico,

      danke fuer deine Hilfe.

      Hallo Andreas,

      So funktioniert es im Firefox:
      <select size='1' name='hideColumn' width='250'>
      <option value='unsichtbar' style='display:none'>unsichtbar</option>
      <option value='sichtbar'>sichtbar</option>
      </select>

      Also ich finde ja nicht, dass das funktioniert. Das sieht eher komisch aus. So funktioniert es in Firefox 2, Opera 9 und Safari 3 - wenngleich das nicht wirklich unsichtbar ist.

      <select size='1' name='hideColumn' width='250'>
      <option value='unsichtbar' disabled="disabled">unsichtbar</option>
      <option value='sichtbar' selected="selected">sichtbar</option>
      </select>

      In meinem Firefox 2.0.0.6 werden die Optionen einfach nicht angezeigt, wenn ich style='display:none' verwende. Das ist auch genau so, wie ich es haben moechte. Wie ich jetzt gelesen habe, ignoriert der IE aber alle style Angaben fuer option-Tags, ausser background-color und color. Mein IE 7 ignoriert es auch, wenn ich disabled='disabled' einfuege.

      Für IE 7 müsstest du dir noch was überlegen.

      Das ist genau mein Problem. Werde jetzt wohl einfach den Text hellgrau machen.

      Gruss,
      Andreas

      1. Hi,

        du könntest die Optionen via JavaScript einbinden und entfernen ... mit appendChild, removeChild, und insertBefore() ...

        http://de.selfhtml.org/javascript/objekte/node.htm#append_child