下拉菜單不固定以下領域

Question

我有以下的，非常基本的代碼：

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

我的系統會顯示HTML中使用IE瀏覽器。在顯示的頁面：

• 在加載網頁，在字段中顯示的初始值是Ñ。
• 我點擊該字段。下拉菜單出現時，N選項懸停在現場。該小號，ē & W¯¯選項低於領域。
• 我點擊S.下拉菜單消失，現在顯示的值爲S。
• 我再次單擊該字段。下拉菜單出現，選項懸停在現場，S選項。所述Ñ選項以上領域，而ë & W¯¯選項保持下面領域。

這不是我期望的下拉菜單顯示方式。我如何更改代碼，使整個下拉菜單低於該字段顯示時，既不會部分懸停在字段上，也不會高於字段？

Answer 1

這是下拉選擇的正常行爲。

如果你想要它，否則你不得不自己創建它在javascript/jquery或尋找一個jQuery插件。

您必須刪除選定選項上方的選擇選項，然後再次添加它們。你可以使用onchange處理程序。

如上所述 - 這是正常的行爲，即使它不是你所期望的。