A Day In The Life

とあるプログラマの備忘録

DropDownの連携

ドロップダウンを明細の上下に配置して上と下を連動させるサンプルです。

<select name="page" onchange="page[1].selectedIndex = this.selectedIndex">
 <option value="0">L0</option>
 <option value="1">L1</option>
 <option value="2">L2</option>
 <option value="3">L3</option>
</select>
<select name="page" onchange="page[0].selectedIndex = this.selectedIndex">
 <option value="0">L0</option>
 <option value="1">L1</option>
 <option value="2">L2</option>
 <option value="3">L3</option>
</select>

こんな感じです。なかなか便利です。