• 締切済み

HTMLのSELECTタグの手入力について

こんにちは、早速質問させていただきます。 HTMLのプルダウンメニュー作成の為のSELECTタグについてなのですが。 例えば <select name="test" style="width:100px"> <option value="a">1：テスト１ <option value="b">2：テスト２ <option value="c">3：テスト３ <option value="d">4：テスト４ </select> という記述をした場合、 このプルダウンメニューにカーソルがあっている状態で, "3"とキーボードから手入力行った場合、"3：テスト３"が選択される というように手入力した文字から始まるものが選択されるという動きになりますよね。 しかし、たまに"3"と入力しても"3：テスト３"が選ばれない。 という状態になる時があるのですが、そうなるような原因をご存知の方はいらっしゃいますでしょうか。 全角モードになっているからというわけではないですし、一度ブラウザ閉じてから再度起動しても出来ない場合があるのです。 ＰＣごと再起動した場合には戻るのですが・・・

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

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

HTMLの標準的な仕様ではなくIEなどブラウザ依存の機能でしょうね。 たんじゅんにフォーカスがあってないからではないでしょうか？ その機能を信用するのはあまり得策ではないと思いますが・・・

AkiraNana
質問者

お礼

そうですか、ＨＴＭＬの機能ではないのですね。 提供されていない機能ならば確かに得策ではないですよね。 動き的にはとても使いたい内容だったのですけれども。

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

関連するQ&A

  • selectタグの項目を制御する

    フォーム内のプルダウンの項目を制御する方法がわからなくて困っています。 form1というフォーム内にプルダウンが3つあります。 <select name="select_1"> <option value="AAA">AAA</option> <option value="BBB">BBB</option> <option value="CCC">CCC</option> </select><br/> <select name="select_2"> <option value="AAA_1">AAA_1</option> <option value="AAA_2">AAA_2</option> <option value="BBB_1">BBB_1</option> <option value="CCC_1">CCC_1</option> </select><br/> <select name="select_3"> <option value="AC">AC</option> <option value="AB">AB</option> <option value="B_1">B_1</option> <option value="B_2">B_2</option> <option value="B_3">B_3</option> </select><br/> ●まず、select_1がAAAなら、select_2でAAA_1とAAA_2のみ選択できるようし、select_2で、AAA_1が選択されたらselect_3にACをAAA_2が選択されたらABを表示。 ●select_1でBBBが選択されたら、select_2にBBB_1のみを表示し、変更不可にする。そして、select_3にABC,B_1,B_2,B_3を表示。 ●select_3でCCCが選択されたら、select_2にCCC_1のみを表示して変更不可にし、select_3にACのみを表示して変更不可にする。 こんな感じにしたいのですが、どうもうまく出来ません。 考えたのは、各selectタグにonchange=change_1(form1)として、関数を呼び出し、 no= form1.select_1.selectedIndex; noが0なら thisForm.select_2.length = 2; //オブジェクトを2にする thisForm.select_2.options[0].value = "AAA_1"; の様にしたのですが、はじめに表示したoptionを消したりする方法や変更不可にする方法ってあるんでしょうか？また、ほかの方法など、どなたかわかる方がいましたら、よろしくお願いいたします。

  • selectフォームの特性について

    オプションメニューの表示について教えてください。 例） <select name="test" size="1" > <option value="0">---------</option> <option value="1">test1</option> <option value="2">test2</option> <option value="3" selected>test3</option> <option value="4">test4</option> <option value="5">test5</option> </select> 以上のようにselectフォームを設定した場合に、 クリックするとtest3が一番上に選択され、test4、test5の順に表示されますが、 これをtest3が選択された状態でtest1、test2、test3、test4、test5と いうように表示させることは可能なのでしょうか？ もし、可能ならどのような方法があるのでしょうか？ よろしくお願いします。

    • ベストアンサー
    • PHP
  • ドコモのSELECTタグ

    ドコモのXHTMLのサイトを作っていますが、 １ページ内のSELECTタグの上限はありますでしょうか？ SA700iでは１５個しか表示されませんでした。 また、これは端末毎に違ってくるのでしょうか？ --------------------------------------------- <form> <select name=test1><option value=1></select> <select name=test2><option value=1></select> <select name=test3><option value=1></select> ・ ・ ・ <select name=testn><option value=1></select> </form> --------------------------------------------- 宜しくお願いします。

    • ベストアンサー
    • HTML
  • プルダウンメニューのHTMLタグ

    プルダウンメニューを自分のホームページに取り入れたいのですが、 フレームで区切っているためにリンク先をどうやって設定すればいいか困っています。 ちなみに、プルダウンのタグはやはりこの質問サイトで見つけた 新しいページを開いてロードしたいのであれば、 <SELECT onChange="window.open(this.value,'_new'); return false ;"> <OPTION> <OPTION VALUE=http://www.goo.ne.jp/>goo <OPTION VALUE=http://www.google.co.jp/>google <OPTION VALUE=http://www.yahoo.co.jp/>yahoo </SELECT> というのを使おうと思っています。 新しいウィンドウではちゃんと開きました。 ターゲットをrightという名前に設定したいのですが、どうすればいいでしょうか？ とても困っています。。。 また、これだとプルダウンを開く前は文字のない状態なのですが、 文字を入れるにはどうしたらいいですか？例えば「選択してください」など。

  • 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側で設定するのでしょうか？ これだとボックスに変化があれば値が取得できるみたいです。 できればボックスをいじらなければ初期表示の値をセッションに格納。 ボックスをいじれば選択した値をセッションに格納。

  • selectボックスで選択数を制限したい

    入力画面を作成しています。 この画面に、複数選択可能なselectボックスを配置したいと思っています。 この時、選択できる個数を制限したいのですがどのようにすればよいでしょうか？ <select multiple size="3" name="test"> 　　<option value="" selected></option> 　　<option value="1">A</option> 　　<option value="2">B</option> 　　<option value="3">C</option> 　　<option value="4">D</option> 　　<option value="5">E</option> <select> 初期値が「""」となっており、selectボックスで何も選択せずに登録することも可能で、 何か選択された時は、最大3つまでしか選択できないようしたいと思っております。 そして、最大3つまでしか選べようにした上で、その3つの中に初期値の「""」が含まれていた場合はメッセージを表示させる。 以上の事をやりたいのですが、どのようにすれば良いでしょうか？ 助けてください。よろしくお願いします。

  • ウェブページ上のプルダウンメニューをキーボード入力で制御するには

    ウェブページ上のプルダウンメニューをキーボード入力で制御するには どうすればいいのでしょうか。 プルダウンメニューとは <SELECT NAME="test"> <OPTION VALUE="">項目1</OPTION> <OPTION VALUE="">項目2</OPTION> .... </SELECT> のようなものです。 意味不明でしたら加筆修正しますのでよろしくお願いします。

    • ベストアンサー
    • HTML
  • 年・月・日の3つのselectメニューを1つのクエリーにしたい

    下のような3つに分かれたセレクトメニューを入力したあとに、 <input type="text" name="date" value="2007-1-1">と入力した場合と同じように ひとつのクエリー（&date=2007-1-1）にしたいのですがどう書けばいいのでしょうか… <!--ここから--> 配送日： <SELECT NAME="date_year"> <OPTION value="2007">2007 <OPTION value="2008">2008 <OPTION value="2009">2009 </SELECT>年 <SELECT NAME="date_month"> <OPTION value="1">1 　～省略～ <OPTION value="12">12 </SELECT>月 <SELECT NAME="date_day"> <OPTION value="1">1 　～省略～ <OPTION value="31">31 </SELECT>日 <!--ここまで--> また、selectメニューの初期値を ページを表示した日の翌日にしたいのです。 どうぞよろしくお願いします。

    • ベストアンサー
    • Perl
  • プルダウンについての質問です

    プルダウンメニューでリンク先にページを飛ばした後、ツールバーの <戻るボタン>でページを戻すと、同じプルダウンメニューのリンク先 には飛ばなくなってしまいます。 どうすればページを戻した後でも、同じプルダウンメニューのリンク 先に飛ばす事が出来るのでしょうか？ 使ったHTMLは <FORM NAME="linkmenu"> <SELECT style="width: 220px" NAME="linklist" onchange="location=this.value"> <OPTION SELECTED>以下の項目から選択してください。</OPTION> <OPTION VALUE="index.html">1.テストページ1</OPTION> <OPTION VALUE="2.html">2.テストページ2</OPTION> <OPTION VALUE="3.html">3.テストページ3</OPTION> </SELECT> </FORM> というものです。

    • ベストアンサー
    • HTML
  • netscape4.7でselectタグが表示されません

    お願いします。 netscape4.7でselectタグが表示されません。optionの部分が横に並んで表示されてしまいます。IEやNN6.2だと問題なく表示できるのですが。ちなみにタグ辞典にはNN4.7でも使えるようなことが書いてありました。 <html> <head> <title></title> </head> <body> test<br> <select name="s1" > <option value="takagi">takagi</option> <option value="suzuki">suzuki</option> <option value="tanaka">tanaka</option> </select> </body> </html> よろしくお願い致します。

    • ベストアンサー
    • HTML

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する