javascript - 固定幅の選択ボックスのドロップダウンを右ではなく左に拡張する方法は?

Question

私はこのコードを持っています: http://jsfiddle.net/9pyh2/

<style type="text/css">
   select {width:200px;}
</style>

<form>
   <select><option value="">Choose one</option>
      <option>First choice</option>
      <option>Second choice</option>
      <option>Really long third choice that makes the dropdown expand etc etc etc etc etc</option>
   </select>
</form>

非常に長いオプションがある場合、ドロップダウン メニューを右ではなく左に展開することは可能ですか?

Answer 1

考えられる解決策

選択メニューを絶対に配置したい場合は、次の手法を使用できます。

これがworking example.

コード

相対的に配置された親で要素をラップします。

<form class="relative">
  <select class="ddm">
    <option value="1">Fly</option>
    <option value="2">Lizard</option>
    <option value="3">Snake</option>
  </select>
</form>

そして、次のスタイルを適用します。

.relative { position: relative; }

.ddm {
  position: absolute;
  top: 0;
  right: 0;
}

これにより、選択メニューが左側にのみ展開されます。