- ベストアンサー
時間の選択に関して
教えて下さい。 あるテキストボックスに３０分単位で選択した時間を表示できる ようにしたいと考えています。 別画面という事でもなく、プルダウンでもなく、クリックしたら 時間帯が表示され、そこから選択できるような形でできないかと 考えています。 どのように記述したら良いか？サンプル的なものを教えて頂ければと 思います。。。。 私が見つけたサンプル（添付）は、Javascript + Ajax で以下のような記述 をすれば良いとありましたが、うまく表示ができません。。。 どこが問題かもわらりましたら教えて下さい。 よろしくお願いします。
- SANA_999
- お礼率12% (16/132)
- JavaScript
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
必要性がまったくわからないけれど… 通常のタグを利用してこんなのは？ （ほとんど意味無いけど） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head><title>test</title> <style type="text/css"> #target { position:relative; } #target * { width:150px; } #target select { display:none; position:absolute; z-index:2; } </style> <script type="text/javascript"><!-- function test(n) { var t = document.getElementById('target'); var s = t.getElementsByTagName('SELECT')[0]; t = t.getElementsByTagName('INPUT')[0]; if (n) t.value = s.value; s.style.display = n?'none':'inline'; } --></script> </head> <body> hogehoge <div id="target"> <select onchange="test(1)" onblur="test(1)" size=6> <option value="10:00">10:00 <option value="10:30">10:30 <option value="11:00">11:00 <option value="11:30">11:30 <option value="12:00">12:00 <option value="12:30">12:30 <select> <input type="text" value="" onfocus="test(0)"> </div> fugafuga </body> </html>
その他の回答 (2)
- fujillin
- ベストアンサー率61% (1594/2576)
＞わがままを言えば、もう少しスタイリッシュな形は ＞ないでしょうか。。。 何を持ってスタイリッシュとするのかは人によるとおもうけど、 見た目のことならCSSで設定すればよいだけ。 インターフェースのことであればどのようにしたいのかが不明なので、適当にサンプルとして作ってみただけなので…
添付ファイルがありません。
お礼
ありがとうございます！！！ まさしくこのような事がしたかったです。 わがままを言えば、もう少しスタイリッシュな形は ないでしょうか。。。 勝手なお願いで申し訳ありませんが、教えて下さい。