• ベストアンサー

『リスト/メニュー』の項目

恐れ入りますが、質問させて頂きます。 現在DreamWeaverというソフトを使用してHPを作成しています。 そこで、閲覧者にリスト/メニューボックスを使用して月を選択 する部分を作成したいと考えております。(現在は以下の通り) ここを、現在の日にちによって選べる項目を変える仕様にしたい のですが、このような事は可能でしょうか? 具体的には2月20日までは項目『2』を選択出来るが、2月21日以降は 選択が不可になる等。 何卒、宜しくお願い致します。 <SELECT NAME="select"> <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>

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

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

  • ベストアンサー
  • koke29
  • ベストアンサー率58% (114/196)
回答No.2

何で作るかはお任せするとして処理の流れは [1] 本日の日付を取得 [2] 条件文作成(本日の日付が2/20以降・以前・等しい) [3] 2の条件が真/偽の場合→それぞれの処理 真の場合:選べなくするなら selectにdisabledを入れる 偽の場合:普通に表示 といった感じになりますでしょうか これくらいの処理ならjavascriptとかのサンプルありそうですね この処理そのものは無くても、「時間ごとに画像を変える」みたいな サンプルを加工したらいけそうな気がします 手がかりになれば幸いです がんばって下さいね

shunnosuke
質問者

お礼

調べてみましたが、なかなか大変そうですね(^^; どうもありがとうございました。

その他の回答 (1)

  • lesstia
  • ベストアンサー率45% (44/96)
回答No.1

何らか条件によって動作を変えたい場合はhtmlだけでは無理です。 javascriptとかcgiが必要になります。 DreamWeaverだけではおそらく無理でしょう。

shunnosuke
質問者

お礼

なるほど、他の言語も併用しなければならない訳ですね。 その辺りもちょっと挑戦してみようと思います。 何か手がかり等ございましたら、お教え頂けないでしょうか?

関連するQ&A

  • selectタグの項目を制御する

    フォーム内のプルダウンの項目を制御する方法がわからなくて困っています。 form1というフォーム内にプルダウンが3つあります。 <select name="select_1"> <option value="AAA">AAA</option> <option value="BBB">BBB</option> <option value="CCC">CCC</option> </select><br/> <select name="select_2"> <option value="AAA_1">AAA_1</option> <option value="AAA_2">AAA_2</option> <option value="BBB_1">BBB_1</option> <option value="CCC_1">CCC_1</option> </select><br/> <select name="select_3"> <option value="AC">AC</option> <option value="AB">AB</option> <option value="B_1">B_1</option> <option value="B_2">B_2</option> <option value="B_3">B_3</option> </select><br/> ●まず、select_1がAAAなら、select_2でAAA_1とAAA_2のみ選択できるようし、select_2で、AAA_1が選択されたらselect_3にACをAAA_2が選択されたらABを表示。 ●select_1でBBBが選択されたら、select_2にBBB_1のみを表示し、変更不可にする。そして、select_3にABC,B_1,B_2,B_3を表示。 ●select_3でCCCが選択されたら、select_2にCCC_1のみを表示して変更不可にし、select_3にACのみを表示して変更不可にする。 こんな感じにしたいのですが、どうもうまく出来ません。 考えたのは、各selectタグにonchange=change_1(form1)として、関数を呼び出し、 no= form1.select_1.selectedIndex; noが0なら thisForm.select_2.length = 2; //オブジェクトを2にする thisForm.select_2.options[0].value = "AAA_1"; の様にしたのですが、はじめに表示したoptionを消したりする方法や変更不可にする方法ってあるんでしょうか?また、ほかの方法など、どなたかわかる方がいましたら、よろしくお願いいたします。

  • セレクトメニューで2つの項目や値を渡す方法はありますか?

    良かったら教えてください。 セレクトメニューで2つの項目や値を渡す方法は ありますか? 普通は、 <select name="test"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> と言う感じですが、 「テスト」を選ぶと name="test1" name="test2"の項目で、 value="1111" value="2222" 選択項目は、1つですが、2つの項目、 2つの値を次のCGIに渡す事は、 可能でしょうか? 教えてください。

    • ベストアンサー
    • HTML
  • プルダウンメニューで、選択項目をリンク先でも維持したい。

    javascriptを使用したプルダウンメニューについて質問です。 <form name="form1"> <select name="select" onChange="location=select.options[select.selectedIndex].value"> <option value="a.html#01">A01</option> <option value="a.html#02">A02</option> <option value="a.html#03">A03</option> <option>---------------</option> <option value="b.html#01">B01</option> <option value="b.html#02">B02</option> <option>---------------</option> </select> </form> 2つのページ(a.html、b.html)上部に上記のようなプルダウンメニューを置き、それぞれ相互に行き来できるようにしました。 一応正常に動くのですが、たとえばa.htmlのプルダウンで『B01』を選択してリンク先b.htmlに飛ぶと、プルダウンの選択項目が一番上の『A01』に戻ってしまっています。 b.htmlに飛んだ後も『B01』選択の状態で残したいのですが。 どのようにすればよいのでしょうか・・・ よろしくお願い致します。

  • 複数 selectフォームから今回onchangeで変更した項目を知りたい

    phpプログラムで、画面上にある複数のselectフォームを使用してselectフォームの内容が選択されれば、selectフォームの値を取得してデータの 抽出を行い、選択された内容の表示を行なおうと思っています。 onChange='submit()' で選択された内容をpostで受け取って再表示を行い、項目にあったデータを取り出すことは出来てますが、直近に変更された項目が何か(どのselectフォームの内容(年度、組織、社員及び商品の項目)が変更されたのか?)を知りたいのですが、いい方法を教えていただけないでしょうか? よろしくお願いします。 sample.phpの内容 <?php $nen = $_POST['nend']; $sosi = $_POST['so']; $syin = $_POST['sa']; ?> <html> <body> <form action="sample.php" method="post"> <select name='nend' onChange='submit();'> <option value=2007 selected>2008</option> <option value=2006>2007</option> <option value=2005>2006</option> </select> <select name='so' onChange='submit();'> <option value=0 selected>全社</option> <option value=01 >本社</option> <option value=02 >A支店</option> <option value=03 >B支店</option> </select> <select name='sa' onChange='submit();'> <option value=0 selected>社員</option> <option value=1 >田中</option> <option value=2 >佐藤</option> <option value=3 >鈴木</option> </select> <select name='sy' onChange='submit();'> <option value=0 selected>商品</option> <option value=1 >A商品</option> <option value=2 >B商品</option> <option value=3 >C商品</option> </select> </form> </body> </html>

    • ベストアンサー
    • PHP
  • selectフォームの未選択の項目にフラグ

    下記のselectフォームを用いてASPにデータを渡したいのですが、 未選択の項目にフラグを立てて(例えば"0")データを渡すことは可能でしょうか? ご教授宜しくお願い致します。 <select name="hoge" multiple> <option value="1" selected>111</option> <option value="2">222</option> <option value="3">333</option> <option value="4">444</option>

  • リストメニューに反映させる内容

    list.dat 内 $list1,$list2,$list3,$list4,$list5,$name1,$name2,$name3,$name4,$name5, print "<select name=list>\n"; print "<option value="0">未選択</option>\n"; print "<option value="1">$name1</option>\n"; print "<option value="2">$name2</option>\n"; print "<option value="3">$name3</option>\n"; print "<option value="2">$name4</option>\n"; print "<option value="3">$name5</option>\n"; print "</select>\n"; list.dat内のデータをselectメニューに反映させたいのですが、自分の頭ではかなり難しい事のようで、行き詰ってしまいました。 質問の仕方が下手で、どのように書いていいのかわからないのですが、やりたいことは、 $list1の名前が$name1 $list2の名前が$name2 というように、$listと$nameに付けられた数値番号が同一のものがセットになります。 この両方の変数にデーターが入っている場合のみ、セレクトメニューに反映させます。 例えばlist.dat内が $list1,,$list3,,$list5,$name1,$name2,$name3,$name4,, のような場合は、 print "<select name=list>\n"; print "<option value="0">未選択</option>\n"; print "<option value="1">$name1</option>\n"; print "<option value="3">$name3</option>\n"; print "</select>\n"; このようになります。 上のような作りは無理でしょうか? お力をおかし頂けると幸いです。

    • ベストアンサー
    • Perl
  • セレクトメニューで選択不可にする方法ありますか?

    テキストエリアの入力不可は、Javascriptできますが、 セレクトメニューを選択不可にできません。 初期状態でなく、ある条件が他で選択された時、 選択不可にしたいのですが、何か方法ございますか? <form name=test> <SELECT NAME="nengou"> <option value="1">昭和</option> <option value="2">大正</option> <option value="3">明治</option> </SELECT> </form>

  • 年・月・日の3つのselectメニューを1つのクエリーにしたい

    下のような3つに分かれたセレクトメニューを入力したあとに、 <input type="text" name="date" value="2007-1-1">と入力した場合と同じように ひとつのクエリー(&date=2007-1-1)にしたいのですがどう書けばいいのでしょうか… <!--ここから--> 配送日: <SELECT NAME="date_year"> <OPTION value="2007">2007 <OPTION value="2008">2008 <OPTION value="2009">2009 </SELECT>年 <SELECT NAME="date_month"> <OPTION value="1">1  ~省略~ <OPTION value="12">12 </SELECT>月 <SELECT NAME="date_day"> <OPTION value="1">1  ~省略~ <OPTION value="31">31 </SELECT>日 <!--ここまで--> また、selectメニューの初期値を ページを表示した日の翌日にしたいのです。 どうぞよろしくお願いします。

    • ベストアンサー
    • Perl
  • メールフォームの確認画面の表示

    あるページのメールフォームで <label class="label" for="name1">ラウンド希望日<span class="style1">*</span></label> <span class="control"> 2008年 <select name="ラウンド希望日" size="1" id="select"> <option value="1">1</option> --------------省略---------------- <option value="12">12</option> </select> 月 <select name="ラウンド希望日" id="select" size="1"> <option value="1">1</option> --------------省略---------------- <option value="31">31</option> </select> 日 </span> と作って、2008年(選択)月(選択)日という感じでお客様に選択していただく項目を設けたのですが、選択して、いざ確認画面に行くと (例)7月25日とした場合 <確認画面> ラウンド希望日|7 25 と出てしまうんです。 これを本当は"7月25日"と表示したいんです。 これでは読みづらいので… ご指導のほうよろしくお願いします。

    • 締切済み
    • CGI
  • jQuery if文の条件分岐 (。ノдヽ。)

    セレクトボックスで「2012年8月10日・11日」のみを入力不可にしてあげたいのですが、条件がうまく設定できずに困っています。 入力不可にはなるのですが、どうしても2012年8月以外の月でも入力不可になってしまいます。 どなたか、お知恵を貸して下さい(*_ _) <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>test</title> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> </head> <body> <script type="text/javascript"> <!-- $(function(){ if($("select[name='depyear'] option[value='2012']")) {if($("select[name='depmonth'] option[value='8']")) {$("select[name='depday'] option[value='10']").attr("disabled","disabled"); $("select[name='depday'] option[value='11']").attr("disabled","disabled"); } }else{}; }); --> </script> <table> <tr> <td bgcolor="#ffffff"> <select size="1" name="depyear"> <option value="2012">2012</option> <option value="2013">2013</option> </select> 年 <select size="1" name="depmonth"> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> </select> 月 <select size="1" name="depday"> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> </select> 日</td> </tr> </table> </body>

専門家に質問してみよう