- ベストアンサー
プルダウンをトリガーにしたボタンの制御
以下の処理をjavascriptで実現する事は可能でしょうか？ （１）プルダウンにＡ，Ｂ、Ｃという値が入っていて、Ｂを選択したときだけボタンを表示 （２）Ｂ以外が選択されればボタンを非表示 （３）ボタンは押す事が出来て、それをトリガーに別のアクションを起こす。（別の画面を開くとか） 以上よろしくお願いします。
- ritomo
- お礼率91% (85/93)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じかな。 <html> <script language="JavaScript" type="text/javascript"> function func(obj){ var a = document.getElementById("sample"); if(obj.options[1].selected){ a.style.display = "block" }else{ a.style.display = "none" } } function func2(){ alert("ボタンが押されました"); } </script> <body> <select onchange="func(this)"> <option selected>Ａ</option> <option>Ｂ</option> <option>Ｃ</option> </select> <div id="sample" style="display:none;"> <input type="button" value="押すのだ！" onclick="func2()"/> </div> </body> </html> あくまで簡単な例なので正しいhtml文でないことは勘弁してもらおう。 # 動くことは動くけどね
関連するQ&A
- プルダウンリストの内容をプルダウンリストに返すには
親画面に空のプルダウンリストを用意してあります。 子画面にて、プルダウンリストから複数選択し、ボタンを押すなどして、 親画面のプルダウンリストに選択したものだけを表示するように したいと思っています。 ●親画面 （空） （空） （空） （空） ○子画面 あああ (check) いいい ううう (check) ［OKボタン］ ↓ ●親画面 あああ いいい となるように、JavaScriptで実現できますでしょうか？ JavaScriptに長けてる方いらっしゃいましたら、 よろしくお願いいたします。
- 締切済み
- JavaScript
- 画面を閉じる(×ボタンやタスクバーから)をトリガーに処理を行えるのでしょうか？
親画面から子画面をポップアップ表示し、子画面に作成したボタンから(window.opener)をコールして、子画面を閉じる→親画面の処理を行う、という処理を実現しています。 ボタン押下時にJavaScriptをコールすることで処理は行えるのですが、ウィンドウの右上にある「×」ボタンや、タスクバーを右クリック→閉じるなどを行った際にも同じような処理を行うことはできるのでしょうか？ 「画面が閉じられた」というトリガーにて処理を行うことができるのでしょうか？ onUnloadイベントを試しましたが、「×」ボタンや、タスクバーを右クリック→閉じる場合は処理がおこわなわれませんでした。 よろしくおねがいします。
- ベストアンサー
- JavaScript
- 「画面が閉じられた」という行為をトリガーとして使えますか？
親画面から子画面をポップアップ表示し、子画面に作成したボタンから(window.opener)をコールして、子画面を閉じる→親画面の処理を行う、という処理を実現しています。 ボタン押下時にJavaScriptをコールすることで処理は行えるのですが、ウィンドウの右上にある「×」ボタンや、タスクバーを右クリック→閉じるなどを行った際にも同じような処理を行うことはできるのでしょうか？ 「画面が閉じられた」というトリガーにて処理を行うことができるのでしょうか？ よろしくおねがいします。
- ベストアンサー
- Java
- プルダウンの切り替えに関して
プルダウンの切り替えに関して 以下のように上段、下段に分割されているHTMLで、上段のプルダウンにより 下段の内容を切り替えようと考えています。 <frameset> <frame name="A" id="A" src="99999"> <frame name="B" id="B" src="99999"> </frmae> PHP等はボタンを設けて、ボタンが押されたと同時にBへ表示させる事が可能 ですが、ボタンを押すというわずらわしさを省く為に、選ばれたと同時にBの内容を 切り替えたいと考えています。 少なくともAにあるプルダウンで選択された番号だけでもBに渡る事ができれば と考えていますが、javascriptではそのような事が可能なのでしょうか？？？ Bでは、Aから渡された値をもとにして、データベースへ検索しています。 伝わりにくい内容で申し訳ありませんが、教えて頂きたいと思います。 よろしくお願いします。
- ベストアンサー
- JavaScript
- プルダウンで選択された値を別ページで表示させたい
題名の通りなのですが、なかなかマッチする情報がなく苦戦しております。 お力を貸していただけると幸いです。 実現したいのは、簡単にいえば、 http://www.bang.co.jp/?ID=dp844 このサイトのように、プルダウンで選択したデータを次のページで 表示したいと思っています。ただし表示させるだけではなくて プルダウンで選択された値を遷移先のフォームのhiddenにセットしたいのです。 javascriptであれこれやっているのですが、3日間たってもできておりません。 例えば、a.htmlのプルダウンで、りんごと選ばれて確認と押したら、 b.htmlに遷移し、画面には、りんごと表示されて、 <input type="hidden" name="name" value="りんご"> こういう形にしたいと思っています。 ＜a.html＞ 選択してください。←プルダウン りんご みかん すいか 注文するボタン ＜b.html＞ 果物 りんご←前ページで選択された情報が表示されている 送付先 テキストボックス 確認ボタン どうかお力添えをお願い致します。
- ベストアンサー
- JavaScript
- javascriptのプルダウンで項目外の表示可否
javascriptのプルダウンで一覧から項目を選択したら、プルダウンに表示する文字を一覧とは違うものに出来るかどうか。 説明文が分かりにくかったら申し訳ございません。 図と文字で説明すると以下のような感じです。 ============================ 前提：リストに表示させる項目は「ああああ」「いいいい」「うううう」 １．まず、プルダウンを開きます。 ［ ▽］ ――――― ｜ああああ｜ ｜いいいい｜←「いいいい」を選択する ｜ううううう ｜ ――――― ２．項目を選択する。 ［２番目▽］←「いいいい」を選択したが、「２番目」とプルダウンに表示させる。 ３．またプルダウンリストを開く ［２番目▽］ ――――― ｜ああああ｜ ｜いいいい｜ ｜ううううう ｜ ――――― 「２番目」と表示されたまま最初にあった全ての項目が表示される。 プルダウンは複数行あるグリッド（javascriptでもこの部品名か分かりませんが、エクセルみたいに動作する部品です）でＡ列に同じ種類が置かれます。 ↓こんな感じで Ａ列 ｜ Ｂ列 ｜ Ｃ列 ｜←ヘッダ部 ―――――――――――― [ ▽]｜ ｜ ｜ ←ボディ ―――――――――――― [ ▽]｜ ｜ ｜ ―――――――――――― [ ▽]｜ ｜ ｜ ―――――――――――― ============================ 上記のような動作はjavascriptでは可能でしょうか？ javascriptは門外漢で、プログラマーにjavascriptでは出来ない！と言われてしまっているのですが、VB的には出来るのだからjavascriptでも出来るのではないかと思っています。 ただ、動作させる場所がweb上なので自分が思っているものとは制限が違うのではないかもと思い、意見を言えない状態です。 ご存知のいらっしゃいましたら ・可能か否か 出来れば ・どのような作り方であれば実現できそうか （プルダウンを開いた時と閉じた時で処理を走らせればいいとか簡単でいいので） などを教えていただければ幸いです。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 画面遷移制御について
画面A内のボタンを押すと、画面Bが開きます。 画面B内のボタンを押すと、画面Cが開きます。 画面Bから呼ばれる、画面Cについて 常に１画面しか表示されないようにしたいです。 画面Cの表示内容は、最後に画面Cを表示した状態が、 最新の情報ということで問題ありません。 Javascriptで、実現する方法を教えていただけないでしょうか。
- ベストアンサー
- JavaScript
- ラジオボタンでプッシュボタンの使用可否を制御。
ラジオボタンでＡとＢ、2択の選択肢を作ります。 Ａを選んだ時にはプッシュボタンＣを押す事ができ、 Ｂを選んだ時にはＣは押せない状態にしたいのです。 Ｂの時には、Ｃの属性にdisabledを持たせたいと言うのでしょうか。非表示になっても構いません。 こう言った制御はJavaScriptを使う事になると思い、このカテゴリで質問しました。 今まで他の方が作られたソースを改造してしかJavaScriptを使った事が無く、書き方が全然わかりません。 上記のような制御を行う方法を、サンプルソースで教えていただけないでしょうか。よろしくお願いします。
- ベストアンサー
- JavaScript
- FORMで送信ボタンと戻るボタンを2つつけてそれぞれ遷移先を変えたい
以下のような画面を作りたいのですが↓ -------------------------------------------------------------------------------- ● a.php （ユーザ情報入力画面） ※フォームに入力する画面 <FORM method="POST" action="b.php"> <INPUT type="text" name="mail"> <INPUT type="submit" name="submit" value="確認"> </FORM> ● b.php （ユーザ情報入力確認画面）※フォームに入力された値を表示する画面 <FORM method="POST" action="c.php"> <!-- ここには、フォームに入力された値を表示する --> <INPUT type="submit" name="submit" value="登録"> // c.php に遷移する <INPUT type="submit" name="submit" value="戻る"> // a.php に戻る </FORM> ● c.php （完了画面） -------------------------------------------------------------------------------- b.php について質問なのですが、 b.phpにおいて、登録ボタンと戻るボタンを2つつけて、 それぞれ遷移先を変えたいのですが、どうすればいいんでしょうか・・・？ <FORM method="POST" action="c.php">と書いてしまうと、 戻るボタンを押しても戻らずに、c.phpに遷移してしまいますよね？？ こういう場合ってJavaScriptとかで遷移先を指定するんですか・・？ もしそうでしたら、JavaScriptがよくわからないので できればサンプルコード示していただけると助かります・・・。
- ベストアンサー
- その他（プログラミング・開発）
- プルダウンメニュー連動後の処理について
知識が乏しいため、お知恵を拝借したいと存じます。 Aのプルダウンの値を選択すると、Bのプルダウンの値が連動して表示されるところまではできたのですが、Bのプルダウンの値を選択すると選択した値に設定したサイトに移動させる方法がわかりません。 具体的に Aのプルダウンに東京都、大阪府と表示させ、 東京を選択するとBのプルダウンには港区、渋谷区 、大阪を選択すると大阪市、堺市 と表示させるところまではできました。 質問点は 大阪市を選択すると大阪市のサイトにジャンプさせたいのですが。 プルダウンを選択してすぐジャンプの方法と、配置したボタンを押下してジャンプジャンプの方法が 分かれば幸いです。片方でも構いません。 なにとぞご教授お願いいたします。
- ベストアンサー
- JavaScript
お礼
早速の回答ありがとうございます。 使ってみました。求めていたそのものです。助かりました。