ベストアンサー

<select>に戻る、進むを付ける。

2005/08/19 11:31

選択肢を表示する<select>に関する質問です。選択して画像等を表示できるのは非常に便利なのですが、戻る・進むのようなボタンが付いているともっと便利と思い、htmlの本を読みあさってみたのですが、そのような項目がなく、下記の参考になりそうなサイトのソースを見ても、いまいちどういう作りなのかわからなくて困っています。どなたか御指南いただけないでしょうか？お手数かとは思いますが、よろしくお願いします。参考サイト↓ http://www.thekeiichi.com/martin/

noname#140572

HTML
回答数2
ありがとう数2

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

kamineco
ベストアンサー率25% (38/151)

2005/08/20 10:16 回答No.2

たとえば次のようにすれば可能です。ただしブラウザによっては動かないこともあるかもしれません。 ------------------------------------------------- <html> <head> <script language="JavaScript"> var Num = "0123456789"; function susumu(x) { if (Num.indexOf(x) != 9) { document.getElementById("abc").value = Num.charAt(Num.indexOf(x)+1); } } function modoru(x) { if (Num.indexOf(x) != 0) { document.getElementById("abc").value = Num.charAt(Num.indexOf(x)-1); } } </script> </head> <body> <select id="abc" name="ABC"> <option value="0">a</option> <option value="1">b</option> <option value="2">c</option> <option value="3">d</option> <option value="4">e</option> <option value="5">f</option> <option value="6">g</option> <option value="7">h</option> <option value="8">i</option> <option value="9">j</option> </select> <input type="button" value="戻る" onClick="modoru(ABC.value)"> <input type="button" value="進む" onClick="susumu(ABC.value)"> </body> </html> -------------------------------------------------

質問者