締切済み

JavaScriptでのSELECTプルダウンメニュー

2006/11/09 09:55

JavaScriptでHTMLで言うところのSELECTプルダウンメニューを作成するには、どのようなコードを書けばよろしいのでしょうか？御存知の方、参考になるサイトなどがありましたら教えてください。お願いします。

gaogao30
お礼率50% (17/34)

JavaScript
回答数1
ありがとう数0

みんなの回答 （1）
専門家の回答

みんなの回答

MrYoYoYo
ベストアンサー率33% (38/115)

2006/11/09 16:22 回答No.1

質問の意味が今イチよくわかりませんが、 document.write(); すればいいのではないでしょうか？もっと効率的に？動的に？書き出したいのですか？状況と、やりたい事を教えて下さい。

関連するQ&A

HTMLのプルダウンにjavascriptの値

HTMLのセレクトボックスのプルダウンにjavascriptの配列の値を入れようとした場合は、何てソースを書けばいいのでしょうか。参考サイトやサンプルソースを出来れば教えて下さい。
javascriptでなめらかなプルダウンメニューを

javascriptを使ってFlashで作成したようななめらかな動きをするプルダウンメニューを作成するのは出来るのでしょうか。色々と調べてはいるのですが、下記サイトのサンプルのようにクリックして直ぐにサブメニューが表示される、という方法は見つけられても滑らかな動きを実現できる方法が見つかりません。 http://javascript.eweb-design.com/sample/s0701_1.html イメージとしては、 1.メニューをクリック 2.1秒後に上からズルズルっとサブメニューが表示される 3.メニューからマウスが離す 4.1秒後にズルズルっとサブメニューが上に戻るうまい表現方法が見つからず分りづらい質問となってしまいましたがアドバイスをいただけると助かります。宜しくお願いします。
同じプルダウンメニューの外部化

フォームのプルダウンを使用してメニューを作成しているのですが、ソースが長くなってしまうのでなんとかJavaScriptで外部化出来ないかと考えております。 <select> <option>Ａ</option> <option>Ｂ</option> <option>Ｃ</option> 　　　　・　　　　・　　　　・ </select> 上記の様なイメージのselectが1000個くらい必要となりかなりずらずらと書かなければなりません。そこで、<option>の中身を外部のJavaScriptファイルから読み込んで表示出来ないかと思っています。なにか良い方法をご存じの方いらっしゃいましたらご教授下さい。
AIは使う人の年齢や市場にも影響する？人工知能の可能性

OKWAVE コラム
サイドバー用のプルダウンメニューの作成

こんにちは。現在、サイドバー用のプルダウンメニューを作成しようと考えています。下記のサイトのように、縦にメニューを並べるような感じです。下記サイトはオンマウス時に横にプルダウンが表示されていますが、これを縦にプルダウンが表示されるようにするにはどのようにjavascript、html、cssを作成すればいいでしょうか？下記サイトはCSSとhtmlで作られていますが、私はjavascriptを使うつもりでいます。どなたかご存知の方がいらっしゃりましたら、ぜひ教えてください。 http://www.stylish-style.com/csstec/ultimate/css-roll-2.html
プルダウンメニューについて

知人から頼まれホームページを作成しています。 javascriptでプルダウンメニューと打ち出し画像の両方を使うとうまく表示されません。グローバルナビゲーション（プルダウンメニュー）のすぐ下に打ち出し画像がくるレイアウトになります。打ち出し画像が邪魔をしてプルダウンのサブメニューが表示されません。【プルダウンメニュー】 http://www.kriesi.at/wp-content/extra_data/suckerfish_tutorial/step4.html 【打ち出し画像】 http://jonraasch.com/blog/a-simple-jquery-slideshow 上記の2つを組み合わせ、プルダウンの伸びたメニューが打ち出し画像に重なり、動かすことは可能でしょうか？ HTMLとCSSの知識はありますが、プログラムの知識はありません。よろしくお願いします。
HTMLのセレクトメニューとjavascript

ちょっとjavascriptが判らないので質問をさせてください。 HTMLのセレクトメニューで hoge1 hoge2 hoge3 といったようなメニューが複数あるのです。でこの一つ目のメニューでhoge1を選択した場合には、二つ目のメニュー以降ではhoge1を選択できなくしたいのです。このような時どのように記述すれば良いのでしょうか、教えてください。よろしくお願いします。
JavaScriptとCSSを使ったプルダウンメニューの作り方

下記のようなサイトの左メニューのように、横にプルダウンメニューが出てくるようにしたいのですが、 http://journal.mycom.co.jp/top/column/index.html JavaScriptとCSSを使ってするやり方＆ソース＆サンプルを教えて下さい。それが書かれてあるURLを教えていただいてもかまいません。
Flashのプルダウンメニュー

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

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

フォームのページを作成しており、　<select> 　<option> ～ </option> 　</select> でプルダウンメニューを作成したのですが、あまりにもデザインが質素すぎるので右の矢印ボタンなどを変更したり高さを高くしたりしたいと考えています。背景に色をつけるのはできるのですが、高さを変えたりのCSSがききません。 IE6～9でなるべく見れる状態でプルダウンのメニューをデザインする方法はないでしょうか？初歩的質問で申し訳ないのですが、ご存知の方いらっしゃいましたら教えていただけないでしょうか。よろしくお願いします。
IE6だけ、<select>がプルダウンメニューより上にくる

お世話になります。困っています。知恵を貸して下さい。ウェブページのレイアウトで、ページの最上部に横長のメニューを配置して、そのメニューをプルダウンにしました。そして、メニューの下に、セレクト<select><option>中略</select>を配置したところ、肝心なIE６だけ、セレクトがプルダウンメニューの上になります。floatで、z-indexの数値を入れたりもしたのですが、どうやっても、上にくるのです。これは、IE6のバグでしょうか？何か、回避する方法はないでしょうか？教えて下さい。　よろしく、お願いします。
プルダウンメニューの見た目を変えたい!!!!!!!!……です。

はじめましてJackMINIと申します。 HP上で『プルダウンメニュー(オプションメニュー)を使いたい』と思うのですが、普通はメニューボタンの見た目がユーザー側の機種やブラウザに依存されてしまいますよね。ですが、自分の作っているサイトのデザインにあまりに合わないので、その"メニューボタンの見た目"を変えたいのですが、出来る方法はありますでしょうか? (プルダウンの使用目的は、コンテンツのINDEXページからその下層にある各ページに飛べるようにするためです。) 実際には、例えばオリジナルのセレクトボタン画像を作ってsrcでリンクさせたり、形はデフォルトのままでも下地やテキストの色を指定したり…といった形でサイトのデザインに合わせられると良いのですが…。ちなみに、Mac OS9.x のiCabでも正常に動作するように作っているので、フォームの<SELECT>タグ<OPTION>タグを使ったオプションメニューを使うつもりです。(…条件が厳しくてスミマセン) もし無理なようでしたら、プルダウンと同じような機能で見た目をカスタマイズできる方法を教えていただけるとヒジョーに助かります。ただ、FLASHは持っていないので使えません。m(__)m (…お金がないので) HTMLとJavaScript(もしくはCSS)で可能でしたら、多少面倒だったり難解だったりしても構いませんので、何卒御教授お願い致します。
プルダウンメニューの作り方

プログラム初心者ですが、よろしくお願いします。タイトルの通り、ＨＰ上でプルダウンメニューを作りたいのですが、基本的に誰でも閲覧できるＨＰ（特にビギナー）にしたいので、プラグインが必要なFlashは避けたいと考えております。しかし、構造的（？）にはFlashで作成するようなプルダウンメニューにしたいのです。例えばマツダのサイトのように… http://www.mazda.co.jp/home.html ここのページはFlashで作成されてるようですが、例えばここでいうと、、、「カーラインナップ」をオンマウスすると左側にずらりとメニューが現れます。トップページで下の階層まで確認できます。このような作りにしたいのですが、ＨＴＭＬのみで、これを作成しようとすると、ヤフーメールの様に「フォルダ」の前に「+」マークがあって、それをクリックして、「受信箱」「送信箱」のＨＴＭＬを呼ぶというが思い浮かぶのですが、コレだと、いちいち「クリック」という動作をしないといけないのが、ひっかかります。ＨＴＭＬのみだとこれしかないでしょうか？？例えば「リスマチック」のＨＰ（左テーブル側）等はどのように作成しているのでしょうか？ http://www.lithmatic.co.jp/index2.html リスマチック方式はいい感じ～、って思ってるんですけど、ヤフーメール方式とは違いますよね？どなたか、よろしくお願いします。
Flashプルダウンメニューの重なりについて

Flashプルダウンメニューの重なりについて http://www.karuizawanet.com/test/date.html フラッシュで作成したプルダウンの上にHTMLがかぶってしまい、プルダウンメニューをクリック出来ない状態になってしまいます。フラッシュを設置したときに、プルダウン分下に空白ができるため、 CSSのマージンをマイナスすることによって空白をなくしています。初歩的な事かもしれませんが、検索をかけてもCSSプルダウンとフラッシュコンテンツの重なりの記事ばかりでどうすればよいか分からず、こちらに書き込みしたしだいです。フラッシュは得意でなく、このプルダウンメニューもいろんなサイトを参考にしてなんとか出来たというレベルです。どなたか助けていただきたくお願いいたします。宜しくお願いいたします。
SELECTのプルダウンの長さの調整

困っております。。ご存じの方ぜひ教えて頂けたらと思います。 HTMLのSELECTタグでプルダウンを作成しています。 OPTIONで指定しているリストは１００件ほどあります。この状態で▼を押してリストを表示すると、縦が長すぎで、画面の外に飛び出る場合があります。こうなると、スクロールバーもつまむことができないので目的のものが選択できないことがあります。プルダウンの表示長さを調節することはできませんでしょうか？なお、SELECT以外の代替え案は勝手ながらご遠慮願います。よろしくお願いしますm(_ _)m
HTMLのプルダウンメニューと文字制御

HTML/javascriptと文字コードについて三点ほど質問させてください。１． HTMLフォーム上のプルダウンメニュー(<select name="test"><option>…</option></select>)についてですが、プルダウンメニューに文字入力は可能でしょうか？２． HTMLのテキスト（<input type="text">）などで数字のみ入力可能になるような制御をしてみたいです。 javascriptのonkeydownイベントを用いて function keyControl(){ //16進数文字コードを用いて0～9の数字以外の場合 if( (event.keyCode < 0x30) || (event.keyCode > 0x40) ){　？文字入力を反映させない？ } } 上記の関数を呼び出す事で制御したいのですが「？文字入力を反映させない？」の部分にはどういうコーディングをすればいいでしょうか？３． DELETEキーを押したときにあるイベントを起こしたいと考えてます。 javascriptのonkeydownイベントを用いて function testDELETE_Enter(){ if( event.keyCode==0x7f ){ alert('DELETEキーを押下しました！'); } } 上記の関数を呼び出すことで制御したいのですが、if文の条件判断がうまくいかなくて、Deleteキーを押した時alert()を実行する事が出来ません。下記のサイトでDELキーの文字コードは0x7fだと思うのですが、これは私の勘違いでしょうか？ http://e-words.jp/p/r-ascii.html 以上三点、解る方いましたらご教授お願いします
JavaScriptでプルダウン(ドロップダウン)メニューを作りたい！

JavaScriptでプルダウン(ドロップダウン)メニューを作りたいのですが、 http://www.openspc2.org/reibun/JS_TipsAndTricks/menu/002/index.html このサイトを参考に作ってみたのですが、 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> これを頭に入れるとうまく行きません。これはどうしても必要なので、どうにかこれ入りで作りたいです。どうしたら良いでしょうか？理想はこんな感じです http://jsajax.com/DropDownMenuArticle286.aspx あと、JavaScriptは外部ファイルで作りたいです。上記のサイト以外に参考サイトなどありましたら、とてもありがたいです! よろしくお願いいたします!!
selectのプルダウンメニュー内容の高さ指定

selectのプルダウンメニュー内容の高さを指定することってできますか？色々自分なりに探してみましたがなかったので質問させて頂きますーープルダウンはしたいが、メニュー内容が多くなるとスクロールがでるのをなくしたく。しかしやっぱりでてしまうので高さを内容以上に指定すればスクロールバーがでなくなるのかな、と思いまして。
プルダウンメニュー

プルダウンメニューを作ってみたいのですが、初心者でよくわかりません。ソースや作成方法などご存知の方がいましたら、どなたか教えてください。よろしくお願いします。
プルダウンメニューについてです。

プルダウンメニューについてです。 http://javascript.eweb-design.com/0701_pdm.html こちらのサイトを参考につくっています。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY bgcolor="#ffffff"> <A href="javaScript:pullDown()">メニューを表示する</A><BR> <DIV id="ID" style="position:absolute;visibility:hidden;"> <A href="http://www.yahoo.co.jp/">■Yahoo!</A><BR> <A href="http://bb.yahoo.co.jp/">■Yahoo! BB</A><BR> <A href="http://shopping.yahoo.co.jp/">■Yahoo! Shopping</A><BR> <A href="http://auctions.yahoo.co.jp/">■Yahoo! Auctions</A><BR> </DIV> <BR><BR><BR><BR> </BODY> </HTML> 説明がうまくできないのですが、、”メニューを表示する”をクリックしたときにドロップダウンメニューを開くと同時にページを開きたいと思っています。（”メニューを表示する”のページを作りたい。）どうしたらよいでしょうか?よろしくお願いします。

JavaScriptでのSELECTプルダウンメニュー

みんなの回答

関連するQ&A

HTMLのプルダウンにjavascriptの値

javascriptでなめらかなプルダウンメニューを

同じプルダウンメニューの外部化

AIは使う人の年齢や市場にも影響する？人工知能の可能性

サイドバー用のプルダウンメニューの作成

プルダウンメニューについて

HTMLのセレクトメニューとjavascript

JavaScriptとCSSを使ったプルダウンメニューの作り方

Flashのプルダウンメニュー

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

IEでプルダウンメニューをデザイン

IE6だけ、<select>がプルダウンメニューより上にくる

プルダウンメニューの見た目を変えたい!!!!!!!!……です。

プルダウンメニューの作り方

Flashプルダウンメニューの重なりについて

SELECTのプルダウンの長さの調整

HTMLのプルダウンメニューと文字制御

JavaScriptでプルダウン(ドロップダウン)メニューを作りたい！

selectのプルダウンメニュー内容の高さ指定

プルダウンメニュー

プルダウンメニューについてです。

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

JavaScriptでのSELECTプルダウンメニュー

みんなの回答

関連するQ&A

HTMLのプルダウンにjavascriptの値

javascriptでなめらかなプルダウンメニューを

同じプルダウンメニューの外部化

AIは使う人の年齢や市場にも影響する？人工知能の可能性

サイドバー用のプルダウンメニューの作成

プルダウンメニューについて

HTMLのセレクトメニューとjavascript

JavaScriptとCSSを使ったプルダウンメニューの作り方

Flashのプルダウンメニュー

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

IEでプルダウンメニューをデザイン

IE6だけ、<select>がプルダウンメニューより上にくる

プルダウンメニューの見た目を変えたい!!!!!!!!……です。

プルダウンメニューの作り方

Flashプルダウンメニューの重なりについて

SELECTのプルダウンの長さの調整

HTMLのプルダウンメニューと文字制御

JavaScriptでプルダウン(ドロップダウン)メニューを作りたい！

selectのプルダウンメニュー内容の高さ指定

プルダウンメニュー

プルダウンメニューについてです。

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録