- 締切済み
optionで時間選択をしてというものを
optionで時間選択をしていく施設予約のためのサイトを作っているのですが 下のコードのoptionタグのend1とend2のところで、end1で「２１」が選択された場合、 end2の選択肢の「30」を選択できないようにしたいのですが可能でしょうか？ <tr> <td>利用希望時間</td> <td> <select name="start1"> <option value="">-- <option>9<option>10<option>11<option>12 <option>13<option>14<option>15<option>16<option>17 <option>18<option>19<option>20<option>21 </select> ： <select name="start2"> <option value="">-- <option>00 <option>30 </select> ～ <select name="end1"> <option value="">-- <option>9<option>10<option>11<option>12 <option>13<option>14<option>15<option>16<option>17 <option>18<option>19<option>20<option>21 </select> ： <select name="end2"> <option value="">-- <option>00 <option>30 </select> <select name="color"> <option value="pink">赤 <option value="green">緑 <option value="skyblue">青 <option value="purple">パープル <option value="gray">グレー </select> </td> </tr>
- kei114477
- お礼率25% (7/27)
- HTML
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- edomin7777
- ベストアンサー率40% (711/1750)
HTML以外のJavaScriptを使用しないと無理でしょうね。
関連するQ&A
- HTMLタグのoptionで
画像の利用希望時間のところで時間を選択するようにしているのですが、 前の画面からPOST送信で送られた「＄start1」という変数が選択された状態にしたいとおもっているのですが、どうもうまくいきません。 どなたかわかるかたいらっしゃったらお願いします。 したのコードは、利用時間の所のコードです。 <tr> <td>利用希望時間</td> <td> <select name="start1"> <option value="">-- <option>9<option>10<option>11<option>12 <option>13<option>14<option>15<option>16<option>17 <option>18<option>19<option>20<option>21 </select> ： <select name="start2"> <option value="">-- <option>00 <option>30 </select> ～ <select name="end1"> <option value="">-- <option>9<option>10<option>11<option>12 <option>13<option>14<option>15<option>16<option>17 <option>18<option>19<option>20<option>21 </select> ： <select name="end2"> <option value="">-- <option>00 <option>30 </select>
- 締切済み
- HTML
- option 選択による表示＆非表示
<select name="var"> <option value="1">見せる</option> <option value="2">見せない</option> </select> <!--内容--> <table> <tr></td>内容</td></tr> </table> option 「見せる」を選択した場合、テーブル全体が<tabel>~</table>が表示、 option 「見せない」を選択した場合、テーブル全体が<tabel>~</table>が表示されなようにしたいです。 ご教授よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 時間の計算について
あるゲームのボスモンスターの湧く時間を表で表示する事が目的です。 HTMLファイルは作ったのですが、JSをどうすれば良いのかわからないので教えていただけないでしょうか？ 表示方法は、 選択された回数分の時間を各テキストエリアに曜日＋時間 で表示したいのですがどうすればいいのか悪戦苦闘してしまったのでここで質問させてもらいました。 どうか教えていただけないでしょうか？ HTMLを全部書きたいのですが文字数がオーバーしてしまうので HTMLの表示イメージの一部をSSにして添付してあります。 HTMLの一部は↓です <table align="center"> <tr align="center"> <td> <font size="+2">ボスの湧き時間計算機</FONT> </td> </tr> <tr align="center"><td> <form name="myForm"> 最後に倒した時間（メンテ終了時間） <SELECT NAME="select1" SIZE=1> <OPTION VALUE=0>日 <OPTION VALUE=1>月 <OPTION VALUE=2>火 <OPTION VALUE=3>水 <OPTION VALUE=4>木 <OPTION VALUE=5>金 <OPTION VALUE=6>土 </SELECT> <input type="var" size="2" name="hour">時<input type="var" size="2" name="min">分</td></tr> <tr align="left"><td> 表示する回数<input type="var" size="5" name="cnt"> <input type="button" value="計算する" onclick="myCalc()"> </form></td></tr> <table border="1" align="center"> <tr align="center"><td>湧き時間</td><td>場所</td><td>ボス</td><td>ボスのLv</td><td>湧き時間</td></tr> <tr bgcolor="skyblue"><td align="center" rowspan="13">50分</td><td>旧レッドアイ研究所B3</td><td>研究所長</td><td>Lv55</td><td rowspan="13"><FORM name="TxtArea"><textarea rows="20" name="MyText1"></textarea></FORM></td></tr> <tr bgcolor="skyblue"><td>オート地下監獄B3</td><td>オート警備隊長</td><td>Lv60</td></tr> <tr bgcolor="skyblue"><td>バヘル台地 / エルベルグ山脈西部地域</td><td>原始人族長</td><td>Lv64</td></tr> <tr bgcolor="skyblue"><td>ハノブ南側望楼2F</td><td>望楼のオーガ</td><td>Lv65</td></tr> <tr bgcolor="skyblue"><td>ルリリバー/川河口</td><td>ドラゴンタート</td><td>Lv75</td></tr> <tr bgcolor="skyblue"><td>兵営B1（廃墟スバイン要塞）</td><td>食人鬼</td><td>Lv75</td></tr> <tr bgcolor="skyblue"><td>テンドペンド平原/トワイライト滝付近</td><td>マウントオーガ</td><td>Lv80</td></tr> <tr bgcolor="skyblue"><td>オーガの王窟B1</td><td>オーガ帝王</td><td>Lv80</td></tr> <tr bgcolor="skyblue"><td>キャンサー気孔B3</td><td>ナーガミンチ</td><td>Lv85</td></tr> <tr bgcolor="skyblue"><td>警備兵墓B1</td><td>墓の主</td><td>Lv85</td></tr> <tr bgcolor="skyblue"><td>廃墟スバイン要塞</td><td>廃墟の魔法師</td><td>Lv95</td></tr> <tr bgcolor="skyblue"><td>麻薬巣窟B2</td><td>動力鎧</td><td>Lv100</td></tr> <tr bgcolor="skyblue"><td>シーフギルドの倉庫[B]B2</td><td>女王蜘蛛</td><td>Lv105</td></tr> <tr bgcolor="litegreen"><td align="center" rowspan="9">60分</td><td>傭兵達の大きな墓B2</td><td>ミイラ王</td><td>Lv120</td><td rowspan="9"><FORM name="TxtArea"><textarea rows="15" name="MyText2"></textarea></FORM></td></tr> <tr bgcolor="litegreen"><td>スマグ地下道B3</td><td>重武装騎士</td><td>Lv130</td></tr> <tr bgcolor="litegreen"><td>トワイライト滝B5</td><td>地獄蜘蛛</td><td>Lv145</td></tr> <tr bgcolor="litegreen"><td>シーフギルドの倉庫[C]B3</td><td>闇の追跡者</td><td>Lv160</td></tr> <tr bgcolor="litegreen"><td>河口ダンジョン'ド'B3</td><td>不死の死骸</td><td>Lv175</td></tr> <tr bgcolor="litegreen"><td>河口ダンジョン'レ'B2</td><td>ナーガの勇者</td><td>Lv180</td></tr> <tr bgcolor="litegreen"><td>河口ダンジョン'ミ'B1</td><td>深海イカ</td><td>Lv185</td></tr> <tr bgcolor="litegreen"><td>ソルティケーブB4</td><td>洞窟の猛獣</td><td>Lv190</td></tr> <tr bgcolor="litegreen"><td>河口ダンジョン'ラ'B2</td><td>海の神獣</td><td>Lv200</td></tr> ・ ・ ・ ・ ・
- ベストアンサー
- JavaScript
- フォーム内の値のチェックについて
このようなフォーム(aspでセレクトボックスの数は可変になります。)にてSubmit時に 同じ値が選ばれていたらalertを出すJavaScriptを作りたいのですが、 どのようなものを作ればよろしいでしょうか？ <FORM name="TestForm" action="" method="POST" target=""> <TABLE border="1" cellspacing="0" cellpadding="0" width="100%"> <TR> <td>1位</td> <TD> <select name="Select1"> <OPTION value="449">[選択なし]</OPTION> <OPTION value="465">あ</OPTION> <OPTION value="466">い</OPTION> <OPTION value="467">う</OPTION> </select> <td>2位</td> <TD > <select name="Select1"> <OPTION value="449">[選択なし]</OPTION> <OPTION value="465">あ</OPTION> <OPTION value="466">い</OPTION> <OPTION value="467">う</OPTION> </select> <td>3位</td> <TD> <select name="Select1"> <OPTION value="449">[選択なし]</OPTION> <OPTION value="465">あ</OPTION> <OPTION value="466">い</OPTION> <OPTION value="467">う</OPTION> </select> </TR> </TABLE> <TR><TD> <INPUT type="submit" value=登録 name=B1 onClick=""> </TD></TR> </FORM>
- ベストアンサー
- JavaScript
- 複数のselect値で1つも選択されていないとき、エラーを出したいのですが
初めて投稿いたします。 宜しくお願いいたします。 postmailで注文フォームを制作中なのですが、複数の商品の個数（デフォルトでは0に設定）をselectで選択させようとしています。 例： <tr><td class="center">NO.01</td><td>あんまん</td> <td><select name="あんまん"><option selected value="">0</option> <option value="1">1</option> （～略～） <option value="9">9</option></select></td></tr> <tr> <td class="center">NO.02</td><td>にくまん</td> <td><select name="にくまん"><option selected value="">0</option> <option value="1">1</option> （～略～） <option value="9">9</option></select></td></tr> もし、すべての商品の個数が「0」に設定されている場合はエラーを出して、cgiでの送信を中止させたいのですが、どのようなjavascriptをソースに書けば良いでしょうか？ 宜しくお願いいたします。
- 締切済み
- JavaScript
- セレクトボックス の 選択規制
今、フォームで入力画面を作っています。 その中にセレクトボックスが４つアリ、現在「未選択」の場合エラーチェックをするようにしています。 そして、ここにもうひとつのチェックを追加したいのですが皆目見当が付きません・・・ 条件 kaikai、bunkai1、bunkai2、heikai 全てが不参加の場合 "参加する会を最低一つは選択してください。"と言うコメントをだすというものです。 皆様よろしくお願いいたします。 ******** 現在の JavaScript ********* <SCRIPT language="JavaScript"> <!-- //フォームチェック function fcheck() { if(document.form1.kaikai.value == "未選択") { window.alert("選択してください"); return false; } if(document.form1.bunkai1.value == "未選択") { window.alert("選択してください"); return false; } if(document.form1.bunkai2.value == "未選択") { window.alert("選択してください"); return false; } if(document.form1.heikai.value == "未選択") { window.alert("選択してください"); return false; } } //--> </SCRIPT> ******** HTML内のフォーム ********* <table> <tr><th>1 ( * )</th> <td> <SELECT NAME="kaikai"> <OPTION selected VALUE="未選択">選択してください</OPTION> <OPTION VALUE="参加">参加</OPTION> <OPTION VALUE="不参加">不参加</OPTION> </SELECT></td></tr> <tr><th>2 ( * )</th> <td> <SELECT NAME="bunkai1"> <OPTION selected VALUE="未選択">選択してください</OPTION> <OPTION VALUE="参加">参加</OPTION> <OPTION VALUE="不参加">不参加</OPTION> </SELECT></td></tr> <tr><th>3 ( * )</th> <td> <SELECT NAME="bunkai2"> <OPTION selected VALUE="未選択">選択してください</OPTION> <OPTION VALUE="参加">参加</OPTION> <OPTION VALUE="不参加">不参加</OPTION> </SELECT></td></tr> <tr><th>4 ( * )</th> <td> <SELECT NAME="heikai"> <OPTION selected VALUE="未選択">選択してください</OPTION> <OPTION VALUE="参加">参加</OPTION> <OPTION VALUE="不参加">不参加</OPTION> </SELECT></td></tr> </table>
- ベストアンサー
- JavaScript
- 選択ボックスで選んだものに応じて値を変更する方法
片方の選択ボックスで選んだものに応じて もう片方の選択ボックスの表示内容を変更したいと思います。 「なす」を選んだら３０円 「きゅうり」を選んだら４０円 「ねぎ」を選んだら５０円 「選んで下さい。」を選んだら０円（初期値） としたいと思うのですが、下記内容をどのように 変更すればよろしいのでしょうか。 教えて下さい。 <table border="0" width="700"> <tr> <td width="50%"> <select name="野菜"> <option value="SENTAKU">選んで下さい。</option> <option value="NASU">なす</option> <option value="KYUURI">きゅうり</option> <option value="NEGI">ねぎ</option> </select> </td> <td> <select name="値段"> <option value="NEDAN">０円</option> </select> </td> </tr> </table>
- ベストアンサー
- HTML
- 複数のselectで値で1つも選択されていないとき
POST-MAIL(http://www.kent-web.com/data/postmail.html)で注文フォームを作成中で、 複数の商品の個数（デフォルトでは0に設定）をselectで選択させようとしています。 例： <tr><td class="center">NO.01</td><td>あんまん</td> <td><select name="あんまん"><option selected value="">0</option> <option value="1">1</option> （～略～） <option value="9">9</option></select></td></tr> <tr> <td class="center">NO.02</td><td>にくまん</td> <td><select name="にくまん"><option selected value="">0</option> <option value="1">1</option> （～略～） <option value="9">9</option></select></td></tr> POSTMAILの機能では、formのinput valueに入力必須項目を記入できますが、 これに加え、すべての商品のselect値が「0」に設定されている場合も cgiのエラー画面でエラーメッセージを出したいのですが、可能でしょうか？ お知恵を貸していただけるようお願いいたします。
- ベストアンサー
- CGI
- プルダウンの選択値により活性・非活性化したい
プルダウンの選択値によりその他のプルダウンメニューやテキストエリアを活性・非活性化したいです。 下記の例では「OS」のプルダウンが「Windows」と選択されたならば、「Windowsのバージョン」のプルダウンや「Windowsのサービスパック」のテキストエリアを活性化させ、OSのプルダウンがWindows以外ならば非活性化させたいのですが、どのようにすれば実現可能でしょうか <html> <head> </head> <body> <table> <tr> <td>OS</td> <td><select id="IDOS"> <option value="">-</option> <option value="Windows">Windows</option> <option value="Mac">Mac</option> <option value="Linux">Linux</option></select> </td> </tr> <tr> <td>Windowsのバージョン</td> <td><select id="IDVersion"> <option value="">-</option> <option value="XP">XP</option> <option value="Vista">Vista</option> <option value="7">7</option></select> </td> </tr> <tr> <td>Windowsのサービスパック</td> <td><input type="text" value="" size="30"> </td> </tr> </table> </body> </html> <!-- end footer -->
- ベストアンサー
- JavaScript
- 同じものを繰り返し表示させる
下記の(1)のような「1」～「3」まで選択可能なセレクトメニューにおいて、 「1」を選択すると(2)の部分を1つ、「2」を選択すると(2)の部分を2つ、「3」を選択すると(2)の部分を3つ、表示させるようにしたいと思っています。 (2)の部分を3つ書き、JavaScriptを使用して(1)のセレクトメニューで選択した数によって、 (2)の部分を1つ表示させたり、2つ表示させたり、3つ表示させたりすることはできました。 しかし、3つならまだよいのですが、5つ、6つ、それ以上となると、 (2)の部分を5つ、6つも同じことを書くのは面倒で、無駄が多いように思います。 (2)の部分を1つだけ書いた上で、(1)の選択した数の分だけ(2)を表示させる方法はないでしょうか。 よろしくお願いいたします。 (1)-------------------------------- <select name="id"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> ----------------------------------- (2)-------------------------------- <table> <tr> <td> <select name="number"> <option value="1000">1000</option> <option value="2000">2000</option> <option value="3000">3000</option> </select> </td> </tr> <tr> <td> <select name="name"> <option value="sato">sato</option> <option value="sakamoto">sakamoto</option> <option value="hanada">hamada</option> <option value="wakui">wakui</option> </select> </td> </tr> </table> -----------------------------------
- ベストアンサー
- HTML
