Dropdown-Menü nicht unter Feld verankert

Question

Ich habe den folgenden, sehr einfach Code:

<select id="dir"> 
 
     <option value="N">N</option> 
 
     <option value="S">S</option> 
 
     <option value="E">E</option> 
 
     <option value="W">W</option> 
 
</select>

Mein System zeigt HTML mit IE. In der angezeigten Seite:

• auf der Seite geladen wird, wird der Anfangswert im Feld angezeigt ist N.
• Ich klicke auf das Feld. Das Dropdown-Menü erscheint mit der Option N über dem Feld. Die S, E & W Optionen sind unter das Feld.
• Ich klicke auf S. Das Dropdown-Menü wird ausgeblendet und der im Feld angezeigte Wert ist S.
• Ich klicke erneut auf das Feld. Das Dropdown-Menü erscheint mit der Option S über dem Feld. Die N Option ist oben das Feld, während die E & W Optionen unter das Feld bleiben.

Dies ist nicht, wie ich erwartet Dropdown-Menüs anzuzeigen. Wie ändere ich den Code so, dass das gesamte Dropdown-Menü unter das Feld ist, wenn es angezeigt wird, weder teilweise über dem Feld schwebt noch darüber?

Answer 1

Dies ist das normale Verhalten einer Dropdown-Auswahl.

Wenn Sie es sonst wollen, müssten Sie es entweder selbst in javascript/jquery erstellen oder nach einem jquery-Plugin suchen.

Sie müssten die Auswahloptionen über dem ausgewählten entfernen und sie anschließend erneut hinzufügen. Sie könnten den Onchange-Handler dafür verwenden.

Wie gesagt - das ist das normale Verhalten, obwohl es von Ihnen nicht erwartet wird.