• ベストアンサー

selectボックスのプルダウンメニューを上方向へ表示する方法

すみません、どなたか教えて下さい。 selectボックスのプルダウンメニューを上方向へ表示することは可能でしょうか? ハンディーターミナル用に開発しているのですが、ページ下の方にあるプルダウンを選択すると1度ページ移動?するため、プルダウンのメニューが表示されず、2度選択しないといけません。 JavaScriptで対応可能でしょうか?それとも何か別の対策があれば教えて下さい、よろしくお願いします。

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

  • ベストアンサー
  • ANASTASIAK
  • ベストアンサー率19% (658/3306)
回答No.1

JavaScriptではできません。 対処法としては、擬似的にHTMLでselectボックスを作って 展開させることでしょうね。

user10
質問者

お礼

ありがとうございます。 擬似的にHTMLでselectボックスを作って、、、 という作り方をしたことありませんが、作り方を調べて頑張って作ってみたいと思います!!

その他の回答 (1)

  • hkd9001
  • ベストアンサー率48% (99/204)
回答No.2

おはようございます。 …そうですか、ハンディ端末ですと、いろいろ制約があるから大変なんですね。以下、私の思いつきで申し訳ないですが、ご参考程度に: (1)もし、そのselectボックスの選択肢が3~4個であれば、ラジオボタンを2列くらいに配列して選ばせるという手もありますね。 (2)selectボックスのかわりに、「テキストボックス」の横に「ボタン」を2つ配置します。 そして JavaScriptで「左のボタンを押したら、次の候補がテキストボックスに表示される」「右のボタンを押したら、ひとつ前の候補がテキストボックスに表示される」という機能をもたせれば、プルダウンでのページ送りの影響を受けずに選択ができるのではないか、と ちょっと思いました。

関連するQ&A

  • プルダウンメニューからチェックボックスを表示したい

    php、javascript、mysqlを使用し、プルダウンで選択後、チェックボックスを表示させる仕組みを作りたいのですが、 どうすればよいのか分かりません。 どなたか力を貸して頂きたく思います。 例えば下記のようなTBLがあったとします。 ■TBL:oya  oyaコード  10  20  30 ■TBL:ko  oyaコード    koコード  10        1100  10        1200  10        1300  20        2100  20        2200  30        3100 TBL 「oya」 をプルダウンメニューにセット。 プルダウンメニューを選択する度にTBL 「ko」を呼び出し、同ページ内にチェックボックスとして表示させたいと考えています。 例) ・10が選択されたら  「1100」、「1200」、「1300」のチェックボックスを表示する プルダウンメニューへのセットは出来たのですが、プルダウン選択後の「ko」を呼び出す箇所が分かりません。 php Mysql javascript で実現したいと考えております。 サンプルページでもいいですので、何かありましたら教えて下さい。 お分かりになる方よろしくお願いいたします。

  • プルダウンメニューの開く方向をコントロールしたいのですが

    はじめまして、flyingmanと申します。いつも皆なさんの質問・回答で勉強させていただいて大変感謝しております。 さて今回、年・月・日・時を選択するために4つのプルダウンメニューをselectタグを使い作成したのですが、日指定のプルダウンメニューだけが、上方向に開いてしまいほかの3つのメニューと開く方向をそろえたいと色々調べておりますがなかなかいい方法が見つからないしだいです。 selectタグへのスタイル指定でそのようなことができるかどうか教えていただけないでしょうか? 環境 OS:WindowsXP SP2 ブラウザ:Internet Explorer Ver6.0 のみ プルダウンメニューの開く方向は、プルダウンメニューの位置と開くメニューの高さで自動に決まってしまうのだろうとは思うのですが、位置をずらさずに開く方向だけを変更できる方法をご存知でしたら教えてください。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • selectメニューの初期選択値

    selectメニューでURLを移動させるページで、移動後、またselectメニューのページに「戻る」と、移動前に選択したメニューが表示されますが、初期選択値に戻して表示させる方法を教えてください。「クリア」ボタンをつけて見ましたが、他のformタグのselectメニューと関連させているので、一度メニューを選択して、実際に移動させる前に「クリア」ボタンを押すと、関連させている他のselectメニューはクリアにならないので、「クリア」ボタンを使わずに、ページを戻すときに「クリア」になっているようにしたいのですが...宜しくお願いします。

  • メニューが隠れるのを防ぐ方法

    JavaScriptを使用してナビゲーションメニューや擬似プルダウンメニューを作成したのですが、 メニューが展開された先にHTMLのselectボックスがあると メニューがセレクトボックスの下に隠れるように表示されてしまい困っております。 メニューが隠れない方法はありますでしょうか?

  • javascriptでプルダウンメニューの操作

    javascriptで、select/optionタグからなるプルダウンメニューから、マウスが外れたらプルダウンメニューが閉じるという動きを実装したいです。 select/optionからマウスアウトした際に、別のフォームにフォーカスを合わせる(これで無理やりプルダウンを閉じた状態にする)処理を書いているのですが、 これだと、optionから次のoptionタグにマウスが移動したときもマウスアウトと判定されてしまい、プルダウンの中身を選択する前にメニューが閉じてしまいます。 このあたりの問題をうまく解消できる描き方などありましたら教えて下さい。

  • コンボボックス(プルダウン)からデータを持ってくる方法

    ウェブページについて質問です。PHP,MySQL,JavaScriptを利用したいと思っています。ページを表示させた時に、データベースからデータを取得してプルダウンメニュー1(コンボボックス)に値を表示させたいとします。さらにもう一つ、プルダウンメニュー2があり、1で選択した項目により、2で表示させる内容を変更させたいと思っています。 例えば、1のリストの中には、野菜、果物、お菓子とあって、野菜を選択した時には、リスト2には自動的ににんじん、ピーマン、きゃべつ などをセットしたいです。 データを一括で持ってきて、JavaScriptあたりで制御をすればいいのでしょうか?それともリスト1を選択した段階で、データベースにリスト2に表示する値をひっぱってこれば良いのでしょうか?またこの作業をするにあたって、ページをロード時にデータをプルダウン1にセットするように処理をしたいのですが、どのように処理をすればよいでしょうか?

    • ベストアンサー
    • PHP
  • プルダウンボックスの連動について

    プルダウンボックスで、ある項目を選択して、2つ目のプルダウンボックスで細かい内容を選択させる方法を教えてください。(JavaScript) 下の画像のように。

  • プルダウンメニューとリファラー

     こんにちは、よろしくお願い致します。  私のホームページでは、リファラーを調べて訪問者を制御(指定したページ以外からは訪問できません)しています。  今度、メニューのページをプルダウンメニューからリンクに変えようと思って作り直してみました。  ですが、普通にリンクを張って移動していた時はちゃんと移動できたのですが、プルダウンメニュー(javascriptで、新しい窓を開いて移動)でリンクを張ったら、飛び先のリファラー制御(指定したページ以外からは訪問できません)に引っかかって、移動できません。  プルダウンメニューのおいてあるページは、元のメニューページと同じURLです。リファラー制御も、絶対URLで指定しています。  プルダウンメニュー(javascriptと新窓)では、りファラー制御は使えないのでしょうか? ちなみに、リファラー制御は、javascriptで作っています。  ほんの趣味の(家の猫)のページですが、意地悪な人が多いので、どうか宜しくお願い致します。

  • HTMLのSELECTタグの選択肢表示方向

    もしお分かりの方おられましたらご教示いただけましたら助かります。 HTMLのSELECTタグですが、 ▼を押すと選択肢が出てきます。 この表示される方向が上のときと下のときがあるのですが、 どちらに表示されたかをJavascriptで取得したいと思っています。 そのようなことはできるのでしょうか。。 やりたいことは、SELECTをクリックされたときに、 選択肢が上に出るときは、選択肢のリストの内容を逆順にしたいと思っています。 よろしくお願いします。

  • プルダウンメニューが隠れてしまいます

    indexページにFlashで制作したswf形式のムービーを配置しました。 ところが ヘッダに配置してたメニューからJavaScriptでプルダウン表示されるメニューと ムービーが重なる部分がレイヤーのような状態となり プルダウンメニューがムービーの背面へ隠れてしまい メニューの機能が失われてしまいました ・swfはhtmlに直接配置して表示 ・プルダウンのメニューは外部に置いたjsファイルを読み込んで表示 ・メニューも外部JavaScriptからの読み込み 以上の仕様なのですが問題点はswfの配置方法でしょうか? それともJavaScriptのレイヤーに問題があるのでしょうか? アドバイスをお願い致します

専門家に質問してみよう