Select-Option abwählen per JS --> .selected = false

[TimoK]

Was mache ich bei dieser Funktion falsch?
Im Mozilla Firefox funktioniert es tadelos.
Leider will der IE7 hierbei nichts ausführen.

Hintergrund
Man soll über eine Funktion ausgewählte Elemente innerhalb einer SELECT-OPTION wieder abwählen können.

<div class="ebene">
  <span class="label">
   Obst
    <a href="#" onclick="cancel_obst()">
      <img alt="zurücksetzen" src="bullet_delete.png" title="zurücksetzen" />
    </a>
  </span>
  <span class="eingabe">
    <select name="obst" id="obst" size="3">
      <option value="1" label="Apfel">Apfel</option>
      <option value="2" label="Banane">Banane</option>
      <option value="3" label="Birne">Birne</option>
    </select>
  </span>
</div>

function cancel_obst()
{
  for (i = 0; i < document.getElementById('obst').length; i++)
  {
    if (document.getElementById('obst').options[i].selected == true)
    {
      document.getElementById('obst').options[i].selected = false;
    }
  }
}

 

[ein schlauer]

Fehlermeldung?

 

[TimoK]

Das ist ja das spannende!

Kein Fehler!

Ich habe im IE7 das Scriptdebuging eingeschaltet und bei fehlerbehafteten Seiten meldet es sich auch.
Nur hierbei nicht.

Gibt es noch ein weiteres Plugin, ähnlich dem Firebug beim Firefox für den IE7?
Normalerweise reicht das Scriptdebuging im IE meist aus.

 

[tsseh]

function cancel_obst()
{
  document.getElementById('obst').options.selectedIndex = -1;
}

Ich habe im IE7 das Scriptdebuging eingeschaltet und bei fehlerbehafteten Seiten meldet es sich auch.
Nur hierbei nicht.

Gibt es noch ein weiteres Plugin, ähnlich dem Firebug beim Firefox für den IE7?
Normalerweise reicht das Scriptdebuging im IE meist aus.

das du zum debuggen aber noch einen Scriptdebugger benötigst ist dir klar?

 

[TimoK]

Hi hesst!

Vielen Dank!
Ich sehe schon, ich habe es wohl zu kompliziert gebaut.
Ein einfaches abschalten hätte wohl schon gereicht.

Aber warum bekomme ich dann keinen Fehler ausgegeben?

Das ich debuggen noch einen Scriptdebugger benötige ist mir klar.

Habe mir jetzt den Firebug für den IE geholt.
Getestet wird morgen früh.

Vielen Dank nochmal!

 

[tsseh]

Aber warum bekomme ich dann keinen Fehler ausgegeben?

weil es keiner ist. der IE hat hier ein paar probleme. allerdings:
Document Object Model HTML

Habe mir jetzt den Firebug für den IE geholt.

was? wo hast du das denn her?

 

[TimoK]

Guten Morgen!

Vergiss den FireBug.
Das war die FireBug Lite Version für den IE.
Man muss hierbei ein Javascript einbinden, welches ein Firebug Fenster erzeugt wie im Firefox.

Die DebugBar ist die wesentlich bessere Lösung.
Ausnahmsweise gibt es mal etwas gutes für den IE.
Hier der Link dazu: DebugBar - IE extension for web developer : DOM inspector, Javascript debugger, HTTP headers viewer, Cookies viewer

 

[tsseh]

also von debuggen lese ich dort nichts.

ich meine eher das hier:
Download details: Script Debugger for Windows NT 4.0 and Later
damit kann man debuggen. Viel mehr aber auch nicht. richtig gut geht es im Visual Studio.
dann Extras->Internetoptionen->Erweitert->"Scriptdebugging deaktivieren" deaktivieren
dann unter Ansicht->Scriptdebugger->Öffnen
und jetzt kannst du debuggen.
für die kostenlose Express Version hab ich jetzt mal diesen Trick gefunden:
BernieCode How to debug JavaScript with Visual Web Developer Express

als DOM-Explorer benutze ich das hier:
Download details: Internet Explorer Developer Toolbar