Axel Richter: onClick bei select in Formular

Beitrag lesen

Hallo,

ich würde gerne die Optionen eines Select Formulars mit dem onClick Event belegen, so dass bei Auswahl einer Option in einem anderen Frame (mit dem Namen "Info") ein entsprechendes Fenster geöffnet wird.

Ein OPTION-Element hat kein Attribut onclick.
http://www.w3.org/TR/html4/interact/forms.html#h-17.6
<!ELEMENT OPTION - O (#PCDATA)         -- selectable choice -->
<!ATTLIST OPTION
  %attrs;                              -- %coreattrs, %i18n, %events --
  selected    (selected)     #IMPLIED
  disabled    (disabled)     #IMPLIED  -- unavailable in this context --
  label       %Text;         #IMPLIED  -- for use in hierarchical menus --
  value       CDATA          #IMPLIED  -- defaults to element content --
  >

Wenn ich nun folgende Funktion im Seitenkopf definiere und diese dann im Eventhandler aufrufe funktioniert leider gar nichts. Wo liegt da mein Denkfehler?

siehe oben.

<form>
<select>
   <option value="Nase">Nase
   <option value="Stirn" onClick="activate(Stirn)">Stirn
</select>
</form>

Das SELECT-Element hat das attribut onchange.
http://www.w3.org/TR/html4/interact/forms.html#h-17.6
<!ELEMENT SELECT - - (OPTGROUP|OPTION)+ -- option selector -->
<!ATTLIST SELECT
  %attrs;                              -- %coreattrs, %i18n, %events --
  name        CDATA          #IMPLIED  -- field name --
  size        NUMBER         #IMPLIED  -- rows visible --
  multiple    (multiple)     #IMPLIED  -- default is single selection --
  disabled    (disabled)     #IMPLIED  -- unavailable in this context --
  tabindex    NUMBER         #IMPLIED  -- position in tabbing order --
  onfocus     %Script;       #IMPLIED  -- the element got the focus --
  onblur      %Script;       #IMPLIED  -- the element lost the focus --
  onchange    %Script;       #IMPLIED  -- the element value was changed --
  >

Dieses musst Du als Eventhandler nutzen.

<select onchange="alert(this.options[this.selectedIndex].value);">
   <option value="Nase">Nase
   <option value="Stirn">Stirn
</select>
http://de.selfhtml.org/javascript/objekte/options.htm#allgemeines
http://de.selfhtml.org/javascript/objekte/options.htm#selected_index
http://de.selfhtml.org/javascript/sprache/objekte.htm#this

viele Grüße

Axel