• ベストアンサー

プルダウンによる切り替えに関して

教えて下さい。 プルダウンの選択で、時間関係と日付関係があり、日付関係のものが選択 された場合のみ、カレンダーを表示させるボタンが現れ、そこで選択された 日で、"他の"テキストボックスに 　○○日まで というような固定のメッセージを出力するようなプログラムを検討しています。 何か良いサンプル的なものはないでしょうか。。。

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

  • ベストアンサー
  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.2

意味がよくわかってないので、 きっと、プルダウンの選択で時間関係というのは直接関係ないのかなとか、日付が選択されたらカレンダーを表示する必要があるのだろうかとか、いろいろ妄想してしまうのだけれど… 似たようなこと（？）をやっていると思われるのが↓ http://www.kanaya440.com/contents/js/calendar/index.html http://allabout.co.jp/internet/javascript/closeup/CU20020529/index.htm スクリプトもパッケージになっているので、利用できそう。 カレンダーの表示だけならいっぱいあるので、デザインも含めて探したいのなら http://www.ideaxidea.com/archives/2008/10/javascript38.html ぐぐれば、他にもいっぱい見つかると思う。 質問内容がよくわからないので、「他のテキストボックスに」選んだ日を『○○日まで』と表示する例。よくわかってないから、手抜きなので細かいことは無視しています。 （カレンダー表示部分は以下のものを利用しました） http://oshiete1.goo.ne.jp/qa4373884.html でも、こんなサンプルよりは（↑）で紹介したものなどを利用するほうが、ちゃんと作ってあるので使いやすいと思うけど、あくまでも何かの参考ということで… <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head><title>test</title> <script type="text/javascript"> <!-- function test() { var div, tbl, tr, td, i, sel = document.getElementById('month'); if (!sel.value) { document.getElementById('target').value = ''; return; } sel.disabled = true; tbl = document.createElement('div'); tbl.innerHTML = calender(1*sel.value); tbl.style.backgroundColor = '#fff'; tbl.style.zIndex = 10; div = document.getElementById('calender'); div.insertBefore(tbl, div.firstChild); tr = div.getElementsByTagName('TR'); for (i=0; i<tr.length; i++) { td = tr[i].firstChild; if (td.firstChild.nodeValue != '-') td.style.color = 'red'; td = tr[i].lastChild; if (td.firstChild.nodeValue != '-') td.style.color = 'blue'; } } function func(evt) { var v, d, t = evt.target || evt.srcElement; if (t.nodeName != 'TD') return; v = t.firstChild.nodeValue; if (v == '-') return; d = document.getElementById('calender'); t = d.getElementsByTagName('Table')[0]; document.getElementById('target').value = t.caption.firstChild.nodeValue + '/' + v + '日まで'; t.parentNode.removeChild(t); t = document.getElementById('month'); t.disabled = false; t.options[0].selected = true; } function calender(mon) { var c, y, m, x, b, h; with(new Date)c=-new Date(y=getFullYear(),m=mon-1).getDay(x=new Date(y,++m,0).getDate(b=-1)); h='<table border="1"><caption>'+y+'/'+m+'<tr>'+'日月火水木金土'.replace(/(.)/g,'<th>$1'); while((b++>5?b=0:b)|c<x)h+=(b?'':'<tr>')+'<td>'+(++c<1|c>x?'-':c); return h+'</table>'; } //--> </script> </head> <body> <select onchange="test()" id="month"> <option value=""></option> <option value="1">1月</option> <option value="2">2月</option> <option value="3">3月</option> <option value="4">4月</option> <option value="5">5月</option> <option value="6">6月</option> <option value="7">7月</option> <option value="8">8月</option> <option value="9">9月</option> <option value="10">10月</option> <option value="11">11月</option> <option value="12">12月</option> </select> <div id="calender" style="display:inline; position:absolute;" onclick="func(event)"> &nbsp; </div> <hr> <input type="text" id="target" value=""> </body> </html>

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • fujillin
  • ベストアンサー率61% (1594/2576)
回答No.3

#2です。 表示するときは<div><table></table></div>にしといて 消すときに<table></table>だけ消してた。（←アホ） 空の<div>が溜まっちゃうので、適当に補正しながらて見てくらはい。

全文を見る
すると、全ての回答が全文表示されます。
回答No.1

つっこみせんぱつ隊？ プルダウンって<select>みたいなの？ 「時間関係」ってなに？表記とか単位とかないの？標準時？ 「日付関係」ってなに？　　〃 「○○日まで」ってなにをきじゅんにするの？ 「固定のメッセージを出力」なのにそれをテキストボックスに？ スクリプトも、にほんごも、むずかしい。

全文を見る
すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • プルダウンのコントロールに関して

    教えて下さい。 画面上にプルダウンを設け、選択させるようにしたいと考えていますが、 その際に、ある選択肢が選ばれた時だけ、隣にテキストボックスを表示させたいと 考えています。 どのような記述をすれば良いでしょうか？ サンプルのようものを教えて頂ければ幸いです。 よろしくお願いします。

  • Access2007でプルダウンメニューを使う時のVBAの組み方、プロ

    Access2007でプルダウンメニューを使う時のVBAの組み方、プロパティの設定方法が わかりません。わかる方いらっしゃいましたら教えてください。 以下のようなフォームを作成しています。 ■受付内容：プルダウンメニューです。とあるテーブルとつなげています。データは、入会・再入会・退会が選択できます。 ■受付日：テキストボックスです。日付を入力します。 ■入会開始日：テキストボックスです。日付を入力します。 ■退会日：テキストボックスです。日付を入力します。 上記のような場合、たとえば、受付内容で、「入会」を選択したときに、 「退会日」のテキストボックスをアクティブにしない、または非表示のどちらでもよいのですが、 とにかく入力させないようにしたいです。 できれば、プルダウンメニューで選択する度に、テキストボックスを表示・非表示になるようにしたいの ですが、設定がうまいことできません。 どのようにしたらよいか、おわかりになる方がいましたら、教えてください。 よろしくお願いします。

  • 当日から3日後がデフォルトの連動年月日プルダウン

    当日から3日後がデフォルトの連動年月日プルダウンを作成したいと思っております。 言語はPHPかJavaScriptを予定しています。 まず1つ目のプルダウンには当日から3日後～1か月程度の選択肢を、2つ目のプルダウンには1つ目のプルダウンで選択された日付の1日後～1か月程度の選択肢にしたいと考えています。 プルダウン(1) 2013-03-15 プルダウン(2) 2013-03-16 連動プルダウンのサンプルコードは手に入ったのですが、日付のプルダウンにするにはどうすれば良いかが全く分かりませんでしたので、質問させて頂きました。 すみませんが、どなたかサンプルなどをお教えいただけないでしょうか。 よろしくお願いいたします。

  • 別ウィンドウでカレンダーを表示させ、その値を元のウィンドウのテキストボックス等にデータを渡す方法とか可能でしょうか？

    現在、ＰＨＰで、テキストボックスに日付を入力し、ＭｙＳＱＬへ登録するプログラムを考えているのですが、 直接キーボードから入力だと面倒（YYYY/MM/DD HH:SS）（例：2005/02/02 09:51）なので、テキストボックスの側にカレンダーを表示させるボタンを設け、 そのボタンを押すと、少し小さめな別ウィンドウでカレンダー、時刻が表示されており、（そのウィンドウを開いたときは開いたときの月日時刻を表示させておく） カレンダーの月は翌月、前月を表示させるボタンがあり、また、その真ん中にボタンをひとつ配置し、そのボタンを入力すると、現在日時にあわすことができます。 日にちは、カレンダーの日にちの枠内をクリックすれば日にちを設定でき、時間と分はそれぞれプルダウンで対応したいと思います。 そして、最終的に決定ボタンを入力すると自動的にカレンダーのウィンドウを閉じ、テキストボックスに日付時刻を入力させたいのですが、 どうやって作っていけばいいのか、よくわかりません。多少ＪａｖａＳｃｒｉｐｔを使うのかな？とか思っているのですが。 具体的なプログラムとか教えていただけないでしょうか。 よろしくお願いいたします！！！

    • ベストアンサー
    • PHP
  • プルダウンからテキストボックスへ

    フォームのプルダウンで選択した内容を、テキストボックスへ自動的に反映させる方法はありますか？ラジオボタンからOnclickを使う方法はわかるのですが…。

    • ベストアンサー
    • HTML
  • WEBショップの配送希望日のプルダウン

    こんばんは。 タイトルの通り、ショップのカートにある配送希望日のプルダウン 例えば・・・ 「3日後から14日後の間で指定」としていたら プルダウンに今日（3月25日（水））から14日後までの日付が入ったプルダウンが表示されるようなselectボックスを作るにはどうすればよいでしょうか？ javascriptのカレンダーを取り入れようとしてみたのですが、どうにも上手く行かないので教えてください。

  • ラジオボタンとテキストボックスとプルダウンの連動

    ※データベースで登録したデータが※ 画面上に表示されており、1件1件にラジオボタンがあります。 そのラジオボタンにチェックを入れると、 チェックが入っている1件のみのデータが、 (※ボタンを押さずに※)配置しているテキストボックスに反映されるようにしたいと考えています。 <JSP>------------------ 名前 : [テキストボックス] 住所 : [テキストボックス] 誕生日 : [プルダウン]年[プルダウン]月[プルダウン]日 『登録ボタン(submit)』 (←サーブレットを呼ぶ) ◆結果◆ (上記に入力したデータが、データベースに登録され、そのデータが全件出力されている↓) (<table>のイメージ) 　　名前　住所　　誕生日 ○　AAA　福岡県　1989/12/24 ○　BBB　東京都　1999/11/1 ○　CCC　北海道　1980/1/2 ↑ ラジオボタン ○　AAA　福岡県　1989/12/24 ↑がチェックされたとする。 JSP上部の[テキストボックス]にそれぞれのデータが入る。(↓イメージ) 名前 : [AAA] 住所 : [福岡県] 誕生日 : [1989]年[12]月[24]日 『登録ボタン』 どなたかご教授お願いいたします。

  • プルダウン

    HTML上でプルダウンメニューを作りたいんですが、cgi無しで、普通に固定のページのそれぞれリンクをさせることって出来ないんでしょうか? 見た目だけ、プルダウン、でもメニュー選択して「GO」ボタンを押すと、普通に固定のページにジャンプ、みたいな感じです。 うまく言えないですが、可能かどうか、その方法と問題点などを教えてください。

  • access2000でカレンダーコントロールをいろいろな場面で

    access2000で１つのカレンダーコントロールをいろいろな（複数の）場面で利用したいと思います。 カレンダーコントロールを置いたフォームは作成しました。→「カレンダーフォーム」 カレンダーフォームで取得した値をテキストボックスに戻すプロシージャも作成し、うまくいっています。 しかし、特定のテキストボックスに対してしか機能しません。 １つのカレンダーフォームで、複数のテキストボックスに入力させるプロシージャを教えてください。 カレンダーフォームの起動は、sample1_frm上のコマンドボタン1、コマンドボタン2やsample2_frm上のコマンドボタン1、コマンドボタン2を押すと起動するようにしたいと思います。 sample1_frm上のテキストボックス1（横にコマンドボタン１）やテキストボックス2（横にコマンドボタン２）があるので、それに対応したテキストボックスにカレンダーコントロールで取得した値を代入する方式です。 どのように１つのカレンダーフォームで各フォーム、テキストボックスに対応したコードを書けばよいでしょうか？

  • 【JavaScript】プルダウンで数字を選択後、即時計算したいですが

    【JavaScript】プルダウンで数字を選択後、即時計算したいですが 方法がわかりません。 http://bunjin.com/java/calc.html 以上のサンプルページでは、チェックボックスを押した直後、 下部のテキストボックスに金額が表示されるように設定されていますが、 チェックボックスの横などにプルダウンで数字を表示させて、 その数字の積を合計金額に表示させたいのです。 例） 「ラーメン（５００円）」のチェックボックスにチェック（合計金額には「500　円」と表示） ↓ その「ラーメン（５００円）」の横にプルダウンボックスを選択(値は1,2,3,・・・) ↓ 選択した値により、合計金額を変化させたい(プルダウンで1を選べば500円、2を選べば1000円、・・・) どうかよろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する