• ベストアンサー

プルダウンメニューにテキスト入力?

現在、HTMLのフレームを左右に2分割しています。左側に用意したいくつかのラジオボタンやフォームの入力内容などの条件を入れてボタンを押すと、Perlで書き出された結果表示が右側に出る仕組みです。 この左側画面にプルダウンメニューを置いて、選択枝のひとつに「テキスト入力欄を設ける」ということは可能でしょうか? ご教授よろしくお願いします。 ちなみに今回のperlは人に教わりながらようやく書きまして、JavaScriptなども、ほとんどわかってない有様で・・・。

  • JAKQ
  • お礼率82% (52/63)
  • HTML
  • 回答数2
  • ありがとう数1

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

  • ベストアンサー
  • auty
  • ベストアンサー率58% (284/486)
回答No.2

・ JavaScriptで書くとこのようなことでしょうか。 <html> <head> <script type="text/javascript"> function setSel(sel) { if (sel.value == "0") { sel.selecctedIndex = 0; sel.form.date.style.display = 'none'; } else { sel.selecctedIndex = 1; sel.form.date.style.display = 'block'; } } </script> </head> <body> <form id="F1" action="#"> 日付検索: <br /> <select onChange="setSel(this)"> <option value="0"> すべての日付 </option> <option value="1"> 入力した限定の日付 </option> </select> <input type="input" name="date" value="" style="display: none" /> </form> </body> </html>

JAKQ
質問者

お礼

通常はテキストボックスが隠れているとは! すごいですね~。 助かりました。ありがとうございましたっ!

その他の回答 (1)

  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

プルダウンなんだけど、修正や追加ができるように・・・ ということですよね? 通常のセレクトボックスでは無理なので自作するしかないのでは? (ハードルは高いでしょうけど不可能ではないと思います) どういう場合に必要なのかも見当がつかないので、 そのあたりの補足があれば、別方法でフォローできるかも

JAKQ
質問者

補足

ご回答、ありがとうございます。 左側のメニューで検索条件を絞り、データベースから該当する情報を持ってきて、その結果を右側に一覧表示するというものです。 今、テキストボックスには半角8桁の年月日に該当する情報を検索するようになっているのですが、これをプルダウンにして“すべての日付”かまたは“入力した限定の日付”かで検索できるようにしたいのです。 ・・・わかりにくい補足で申し訳ありません。

関連するQ&A

  • perlの結果を自動表示?

    現在、HTMLのフレームを左右に2分割しています。左側に用意したいくつかのラジオボタンやフォームの入力内容などの条件を入れてボタンを押すと、Perlで書き出された結果表示が右側に出る仕組みです。 とりあえず、今は、初期状態の右側画面にはダミーのHTMLを表示させてますが、 HTMLを読み込んだときの初期画面として、左側のデフォルトの条件での結果表示を、(ボタンを押さずに)右側に表示させたいのです。 わかりにくい説明で申し訳ありません・・・。 簡単なJavaScript記述で、「onload」とか使ってできますか? ほかの方法でもかまいません。 ご教授よろしくお願いします。 (ちなみに今回のperlは人に教わりながらようやく書き、JavaScriptも初心者です。)

    • ベストアンサー
    • Perl
  • Flashのプルダウンメニュー

    FlashMXでプルダウンメニューをつくりたいと思っていますが、上下分割の上のフレームにおきたいと思います。 その場合、下のフレームにかかるようにプルダウンメニューを表示させることは可能なのでしょうか? また可能であれば、それはFlashサイドでそのスクリプトを組み込むのでしょうか? それともHTML? 説明されている参考サイト等があったら教えていただければと思います。 よろしくお願いいたします。

  • プルダウンの切り替えに関して

    プルダウンの切り替えに関して 以下のように上段、下段に分割されている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から渡された値をもとにして、データベースへ検索しています。 伝わりにくい内容で申し訳ありませんが、教えて頂きたいと思います。 よろしくお願いします。

  • ActionScriptでプルダウンメニュー

    ActionScriptでプルダウンメニューを作りたいのです。 HTMLなら簡単に作れますが,ASでも作れるのでしょうか? ご存知の方は,ご教示願います。 また,ラジオボタンの設置方法もご存知なら,教えてください。

    • ベストアンサー
    • Flash
  • テキストボックスに入力されたURLのページを隣のフレームに表示させるには…?

    すいません、タイトルでうまく説明できなかったのですが、左右で二分割されているフレームがあるとします。そして、左のフレームにはテキストボックスとボタンが配置されています。このテキストボックスにURLを入力し、ボタンを押すと右側のフレームにそのページが表示される…という事をやりたいのですが、どうすればいいでしょうか?どなたかご存知の方いらっしゃいましたら宜しくお願い致します。

  • プルダウンメニュー

     以下のプログラムですが! 仕様が二分割の縦分割フレームが特徴です。  左側フレームにリンクタグがあり、そのリンクタグをクリックすると、右フレームに HPが観れるようになっています。  しかし、プルダウンメニューのYahooをクリックしたらakkotyan.html、は左フレームになぜか 出てきてしまって困っています。   それともう1つ、プルダウンメニューのhouyhnhnmsをクリックしても何もフレームに出てこなくて無反応です?  そのほか   「クリックで動くプログラ」と「知恵袋 竹島問題」はちゃんと右フレームに出てきて  問題ありません。   プルダウンメニュータグのHPを右フレームに出すにはどうしたらできますか!?  宜しくお願いします。 -------------------------------------------------------- 左フレーム <html> <head> </head> <frameset cols="26%,*"> <frame src="left.html"name="menu"> <frame src="pronagare.html"name="contents"> </frameset> <html> ------------------------------------------------------- 右フレーム <html> <HTMl> <HEAD> <TITLE>プルダウンメニューのHPを右フレームへ表示したい</title> <script>addEventListener('load',function(ev){ document.forms['jump'].elements['to'].addEventListener('change',function(ew){ var map = { yahoo: './akkotyan.html', houyhnhnms: 'http://google.com/search?tbm=isch&q=houyhnhnms' }; var url = map[ew.target.value]; if (url) window.location = url; },false); },false)</script> <body> <form name=jump><select name=to> <option value='' selected>-</option> <option value=yahoo>Yahoo</option> <option value=houyhnhnms>Houyhnhnms</option> </form> </select> <P> <a href="pronagare.html"target="contents">クリックで動くプログラム</a><br> <a href="takesima.html"target="contents">知恵袋 竹島問題</a><br> </body> </html>

  • フレームを使ったプルダウンメニュー

    フレームで「ヘッダー・左メニュー・右メインページ」というように3分割にし、左メニューに置いたプルダウンから項目を選ぶと右メインに表示される、という構造にしたいと思っています。 <HEAD>~</HEAD>内↓ <script language="JavaScript"> function jump(form) { var myindex=form.destination.selectedIndex window.open(form.destination.options[myindex].value, target="main"); } //--> </SCRIPT> プルダウン部分↓ <FORM NAME="form"> <SELECT NAME="destination"> <OPTION VALUE="a.html" SELECTED>あ</OPTION> <OPTION VALUE="k.html">か</OPTION> <OPTION VALUE="s.html">さ</OPTION> <OPTION VALUE="t.html">た</OPTION> <OPTION VALUE="n.html">な</OPTION> </SELECT> <INPUT TYPE="image" SRC="go.gif" onClick="jump(this.form)" BORDER="0"> </FORM> という様に記述した所、例えばプルダウンで「た」を選択した場合、右フレームにちゃんとt.htmlが表示されるのですが、左フレームのプルダウンの項目が「あ」に戻ってしまいます。「た」を選択した状態のまま残したいのですが。 ちなみにボタンに画像を使わず、<INPUT TYPE="button" ・・・・>にするとなぜか「た」選択の状態でちゃんと残ります。でも、できれば画像を使いたいのです。 うまいやり方をご存じの方は、教えていただけますか。おねがいします。

  • プルダウンメニューから他のページへ移動するには?

    先程ソフトウェアのページにも投稿したのですが、この『教えて!goo』の質問するカテゴリーを選択するプルダウンメニュー形式のページがありますよね?この様にしたいのです。 プルダウンメニュー(カテゴリーは2種類)とボタンまでは作成したのですが、メニューを選択しボタンをクリックすると他のページへ移動する・選択結果(48パターンあります)によって移動するページが異なる。この様な設定にするにはどうすればよいのでしょうか? よろしくお願いします。 ・ホームページビルダーを使っており、HTML・JavaScriptに関しては初心者です。

    • ベストアンサー
    • HTML
  • ワンクリックで二つのフレームを動かしたい

    こんばんは。 今、frameを使ってページを左右に分けています。 左がleft、右がrightとしていますが、左側のリンクをクリックして、左右のフレームの内容を目的のページに移動させることは出来ますでしょうか? イメージとしてはしたの通りです。 1.左側の「キャンディの作り方」をクリック。 2.左側のフレームを「candy.htm」に移動。 3.右側のフレームを「candytop.htm」に移動。 手元にある本で調べたのですが、わからずに質問させていただきました。C言語とマクロは少しわかりますが、Javascriptはまだわかりません。HTMLだけで出来ますでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • プルダウンメニュー関係で至急質問致します!

    FLASHMXを使用し、企業のHPを作成しております。 左側には、プロダウンの「メニュー」、右側には、プルダウンメニューで選んだところを右側に表示させる「Sub」画面があります。(フレームでわけております) プルダウンメニューには、企業情報や、問い合わせなど表示させていて、企業情報をクリックすれば、プルダウンになり、下の階層、挨拶、組織図などが表示させるようになり、挨拶、組織図をクリックすれば、右側の「sub」画面に表示させるようにしたいのです。 プルダウンの企業情報には、挨拶、組織図などのプルダウン表示させるactionとsubの画面に表示させるactionが入っております。↓のように。 on (release) { gotoAndPlay(挨拶や組織図などを表示させるフレーム番号); } on (release) { getURL("kaisya.html", "sub"); } [kaisya.html」は、FLASHでタブにわけ、『挨拶』『企業情報』『組織図』などを 作成しております。 上記のsubの設定をあらかじめパブリッシュしておきました、「kaisya.html」と設定をすると、kaisyaの全て(フレームでいうと、1から)表示されてしまいます。 今回やりたい事は、kaisya.flaの更に組織図というラベルのところが表示させるようにしたいのです。 ターゲットは「sub」以外に「sub_組織図」や「sub_フレーム番号」で設定することはできますでしょうか? まとめますと、プルダウンメニューの企業情報をクリックすると、あらかじめ企業情報の中身を作成した、特定の場所にリンクするようにしたい場合、どのように設定したらよいのでしょうか? 大変わかりずらい説明で申し訳ございませんが、何か足りない部分がありましたら すぐに補足させていただきます。 本当に困っております。 どうかわかる皆様、助けてください。 お願い致します<m(__)m>

専門家に質問してみよう