• ベストアンサー

ListBoxのフォーカスをあわせたい

JavaScriptの<Select size=2>でIEだとSelectedをつけたものが すぐに表示されるのですが Netscapeだと表示されず、リストの一番最初のものが 表示されてしまいます。 Netscapeでも選択されたものが表示されるように 設定できないでしょうか？ 困っています。ご回答、お願いいたします。

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

  • ベストアンサー
  • leaz024
  • ベストアンサー率75% (398/526)
回答No.2

これは NN4 のバグです。 JavaScriptを用いても表示する OPTION は制御できないので、あきらめるしかないようです。 NN4 では、size に２以上を指定すると type を multiple として判断してしまうようです。（その癖に複数選択はできない。） IE でも multiple を指定すると selected の部分を表示してくれませんので、multiple としては正しい動きのようです。（個人的には、最初の selected 要素を表示して欲しいところですが。） どうしても selected 要素を最初から表示しておきたい場合は、size を１にするか、selected 要素を一番上にした方がよいでしょう。 ※ NN4 と NN6 は、ただのバージョン違いではなく、全く別のブラウザなので、バージョンも明記しましょう。 ちなみに NN6 では IE 同様、正常に表示されます。

その他の回答 (1)

  • sorarisp
  • ベストアンサー率58% (7/12)
回答No.1

Netscapeでもselectedで選択されます。 その質問では、何が原因かは判断できません。 出来る範囲で結構なのでソースを公開して頂ければ それなりの回答が得られると思います。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • netscapeでうまくいかない

    次のようなJavascriptを使ったページを作ったところ、IEではうまく表示、更新されるのですが、Netscapeでは更新しようとすると、selectの中身がなくなってしまいました。IEとNetscapeでソースを見たところ、次のようにBODYの中が変化していました。どなたか、対策を教えていただけませんでしょうか。 IEのソース <body> </p><form name="form1" method="GET" action="list.cgi"> <p align=right> <strong>表示形式</strong> <select name="list" onChange="getAction()"> <script language="JavaScript"> <!-- lists = getCookie("LISTADD"); switch(lists){ case "": document.write("<option value=\"num:hl\" selected>リスト順［新→旧］</option>"); document.write("<option value=\"num:lh\">リスト順［旧→新］</option>"); break; case "num:hl": document.write("<option value=\"num:hl\" selected>リスト順［新→旧］</option>"); document.write("<option value=\"num:lh\">リスト順［旧→新］</option>"); break; case "num:lh": document.write("<option value=\"num:hl\">リスト順［新→旧］</option>"); document.write("<option value=\"num:lh\" selected>リスト順［旧→新］</option>"); break; } //--> </script> </select> </p> </form> </body> Netscapeのソース <body> </p><form name="form1" method="GET" action="list.cgi"> <p align=right> <strong>ノスシィキチシー</strong> <select name="list" onChange="getAction()"> <OPTION value="num:hl" selected>リスト順［新→旧］</OPTION> <OPTION value="num:lh">リスト順［旧→新］</OPTION> </SELECT> </P> </FORM> </BODY> </HTML>

  • SELECTでOPTION多数の場合のselectedされたOPTION項目表示

    あるフォームのなかでselectで選択し、submitしたデータを再度同一フォームで編集できるような画面を作っています。 selectのOPTIONの数が１００ほどあり、selectの表示サイズをレイアウト上10に設定しています。 選択されたデータをDBから読み、そのOPTIONをselectedとしているのですが、 そのOPTIONが例えば上から８０番目などにあると、 すでに何か選択されているのか、あるいは何も選択されていなかったのか、いちいちスクロールして確かめないとわかりません。 このような場合に、選択されている項目のOPTION selectedがselectの表示エリアの中にあらかじめ表示されるようにするにはどのようにしたら良いのでしょうか？ よろしくお願いします。

  • Javascriptのリストボックスのリンクの指定の仕方

    Javascriptで2つのリストボックスを作成し、 1つ目のリストボックスで選択した値によって、 2つ目にリストボックスに表示される内容が変わるようにしました。 ソースは以下です。 <script language="JavaScript"> var no = new Array; no[0] = new Array("sample1", "sample2", "sample3"); no[1] = new Array("1sample1", "12sample2", "1sample3"); no[2] = new Array("2sample1", "2sample2", "2sample3"); no[3] = new Array("3sample1", "3sample2", "3sample3"); function Change(n){ a = n.area.selectedIndex; for(i=0;i < 3;i++){ n.country.options[i].text=no[a][i]; } } </script> <form> <select name="リストボックス1" onchange="Change(this.form)"> <option selected="selected">例1 <option>例2 <option>例3 <option>例4 </select> <select name="リストボックス2" size="1"> <option selected="selected">sample1 <option>sample2 <option>sample3 </select> </form> この際に、2つ目のリストボックスで値が選択された 時点で、指定のURLに飛ぶようにしたいのですが、 URLをどこに指定していいのかわかりません。 ご存知の方、宜しくお願いします！

  • プルダウンリストの背景色の指定

    お世話になります。 現在作成しているwebページがあり、下記のようにプルダウンリストの背景色を設定しております。 <select> <option style="background-color: #FF0000;">サンプル1</option> <option style="background-color: #00FF00;">サンプル2</option> <option style="background-color: #0000FF;">サンプル3</option> <option style="background-color: #FFFFFF;">サンプル4</option> </select> このページにおきまして、サンプル3を選択したときに、プルダウンリストに「サンプル3」と表示され、背景色が#0000FFになるようにしたいのですが、 上記のままだと、IEでは背景色も変化しますが、firefoxですとプルダウンリスト内に「サンプル3」と表示されても背景色は白のままです。 IEとおなじ動きになるようにするには、どうしたらよいでしょうか。 ちなみに、 <select style="background-color: #FF0000"> にすると、IE、firefoxともにプルダウンリストの背景色が変更できたので、javascriptでoptionのvalueをとり、それをselectのstyleに設定できれば。。。 と考えたのですが、javascriptはほぼ無知なので、上記の方法でも解決できずでした。 簡単に解決できる方法などございますでしょうか。 もしくは、javascriptで解決できますでしょうか。 どうぞ宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • セレクトメニュー項目によって、表示内容を変えたい。

    セレクトメニューの内容によって、チェックボックスの表示をさせたいのですが、 Javascriptを使って設定できるか教えて下さい。 例えば、セレクトメニューリストが、「選択して下さい」「犬」「ネコ」「鳥」「トラ」とあって、 「犬」を選んだ時に、「オスのみ」「メスのみ」のチェックボックスを表示させるにはどうすればいいでしょうか？ (それ以外のリストを選んだ場合は表示させなくしたいのです。) 宜しくお願いします。

  • Netscape4.7の場合のみ違うページを開かせたい。

    ある画像ボタンを押してサイト内の別ページにとばさせています。IE5とNetscape6で正常にページが開きJavascriptも効きますが、Netscape4.7の場合テーブルサイズが変わってしまいJavascriptが効きません。Netscape4.7の場合のみJavascriptを使わない別ページにとばしたいのですが、どうしたらいいでしょうか？

  • HTMLのSELECTタグの使い方、JSPのセッション格納について

    HTMLのSELECTタグの使い方、JSPのセッション格納について Jspで開発をしております。IE7以上です。 同一画面内でボックスで選択した値をそのままセッションに格納したいのです。 Javascriptで制御したいのですが、なにかいい方法をご存知ですか？ <script type="text/javascript"> function test(obj) { with(obj) { form.text1.value = options[selectedIndex].value; } } </script> <SELECT NAME="select1" onchanged="test(this)"> <OPTION VALUE=1>First <OPTION VALUE=2　selected>Second <OPTION VALUE=3touya">Theard </SELECT> またselectedでは初期の表示のみ選べて値の初期値はscript側で設定するのでしょうか？ これだとボックスに変化があれば値が取得できるみたいです。 できればボックスをいじらなければ初期表示の値をセッションに格納。 ボックスをいじれば選択した値をセッションに格納。

  • HTML の リストボックス の件

    HTML で <select></select> を使って リストボクスを表示できますが、 初めから開いているリストボックス（size=n）ではない 一行のリストボックスで、開いたときの行数を指定できるのか わかる方、お願いします HTML のみでなくても、javascript 使用でもかまいません

  • selectedをどのように使うか

    PHPの質問です。以下のようなドロップダウンリストがあります。 リストから選択してhereのリンクをクリックするとその選択された ものがドロップダウンリストに表示されるように処理をしたいのですが どのように処理をしてよいかわかりません。 例えば、Oregonをユーザーが選択してhereリンクをクリックすると 同じ画面でOregonがリストに表示されているようにしたいと思っています。 selectedを使えばよいのはわかるのですが、選択毎にどのオプションに selectedをつけてやればよいのかという処理方法に悩んでいます。 良い知恵をお貸しください。お願いいたします。 <SELECT name="States"> <OPTION value='California'>California</OPTION> <OPTION value='Arizona'>Nagano</OPTION> <OPTION value='Oregon'>Oregon</OPTION> </SELECT> <br> <a href="x">here</a>

    • ベストアンサー
    • PHP
  • JavaScriptで書かれたOptionタグをVBAで選択する方法

    <SCRIPT language="JavaScript"> document.write("<SELECT name=aaa><OPTION value=A>１</OPTION><OPTION value=B>２</OPTION><OPTION value=C selected>3</OPTION></SELECT>") </SCRIPT> 上記のJavaScriptで書かれたOptionタグをVBAから objIE.Document.forms(0).aaa.Item(1).Selected = True と選択しても動かすことが出来ませんでした。 VBAからJavaScriptで書かれたOptionタグの選択することをしたいのですが不可能なのでしょうか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する