【JavaScript】2つのセレクトメニューを入れ替えるボタンの作成方法
クリックで2つのセレクトメニュー（ドロップダウンリスト）を入れ替えるボタンを作ってみました。
【html】
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<img onclick="reverse();" src="change.gif" alt="逆にするボタン"> <select id="select01" name="select01"> <option value="A">あ</option> <option value="I">い</option> <option value="U">う</option> <option value="E">え</option> <option value="O">お</option> </select> <select id="select02" name="select02"> <option value="A">あ</option> <option value="I">い</option> <option value="U">う</option> <option value="E">え</option> <option value="O">お</option> </select> |
【JavaScript】
|
1 2 3 4 5 6 7 8 9 10 11 |
<script> function reverse() { change01 = document.getElementById('select01').value; change02 = document.getElementById('select02').value; tmp = change01; change01 = change02; change02 = tmp; document.getElementById('select01').value = change01; document.getElementById('select02').value = change02; } </script> |