フォーカスの移動とは？スクリプトの実装方法を教えてください

2023/07/27 05:19

このQ&Aのポイント

フォーカスの移動について理解できていないので、具体的な実装方法を教えてください。
指定したオプションが選択された際に、テキストボックスに自動的にフォーカスを移動させる方法を教えてください。
JavaScriptを使用してフォーカスの移動を実装したいです。実際のスクリプト内容と、HTMLへの組み込み方法を教えてください。

ベストアンサー

フォーカスの移動

2002/11/18 15:33

どうしてもわからないので、教えて下さい。下の option ボタンのいずれかを選択した際に、自動的にテキストボックスにフォーカスが移るようなスクリプトを書きたいのですが、スクリプトの内容と、htmlにへの組み込み方をどのように実装してよいかわかりません。 ------------------------------------- <html> <title></title> <head> <script language="JavaScript"> //フォカース移動 function moveFocus() { //？？？？ } </script> </head> <body> <form name="myForm"> <select name="mySelect"> <option name="op1">test1</option> <option name="op2">test2</option> </select> <input type="text" name="myText"></input> </form> </body> </html>

masa1214
お礼率95% (236/246)

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

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

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

ベストアンサー

pentaro_2000
ベストアンサー率23% (29/123)

2002/11/18 16:05 回答No.1

文字通り「focus()」を使います。 function moveFocus() { myForm.myText.focus(); } ------------------------------ <select name="mySelect" onChange="moveFocus()"> ------------------------------

質問者

お礼 2002/11/19 02:03

なるほど！onChange を使うのですね。できました！助かりましたー。

関連するQ&A

Win版SafariのSELECT要素追加について
SELECTの要素を都度セットするJavaScriptを作りました。下記ソースはSELECTの要素を一旦削除して、新しく1～テキストボックスに入力した値までの要素を追加するscriptです。 <html> <hade> <script language="JavaScript"></script> </head> <body> <form name="myFORM"> 数値：<input type="text" name="myTEXT"> <input type="button" onClick="creSel()" value="SET"><br> <select name="mySELECT"> </select> </form> </body> </html> IE、FireFox、Opera等のブラウザでは問題なく動作しましたが、 Win版のSafariのみ正常に動作しません。 10とか20くらいの数値だと問題ありませんが、例えば25とか入力して、一旦1～25までのSELECTにして、次に24と入力すると25の要素が残ります。しかし、25は選択できない様です。更に、26と入力すると、26は追加されません。これはどうやら、SELECTメニューにスクロールバーが出るらへんの要素数になると発生する問題の様です。 Win版Safariのバグだとは思われますが、この問題を回避する何か良い方法は御座いませんでしょうか。宜しくお願いします。
- ベストアンサー
- JavaScript
このJavaScriptはなんか早い・・・
<html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 6.5.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タイマー</TITLE> </head> <body> <script language="JavaScript"></script> <CENTER> <form name="myForm"><select name="myMenu" size="1"> <option value="180">時間制限は？ </option> <option value="600">10分 </option> <option value="300">５分 </option> </select> <input type="button" value="GO!" onclick="myGo()"> 　　　　　　　　　　　　　　　　　　　　　　　　　　　あと<input type="text" size="15" name="myFormSec"> です。</form> </CENTER> <form> <center><input type="button" value="閉じる" onclick="window.close()"> </center> </form> </body> </html> 上のものを実行させると、なぜかスピードが早くなってしまいます。どうすればいいのでしょう。お願いします。
- ベストアンサー
- JavaScript
textbox内の文字数を判別しfocusを移動させる
textbox内の文字数を判別しfocusを移動させるプログラムを書いたのですが、２つ目のtextboxから記入したりするとうまく動作しません。どうしたらいいのでしょうか？カーソルがどのtextboxにあるか(どのtextboxにfocusしているか)を参照しようとしたのですがそのような関数はあるのでしょうか？教えてください。 <html> <head><title>checkLength</title> <script language="JavaScript">  </script> </head> <body bgcolor="#ffffff"> <form name="form1">半角英数で入力してください。<br> 1...<input type="text" name="text1" size="7"> 3文字入力するとカーソル移動<br> 2...<input type="text" name="text2" size="7"> 5文字入力するとカーソル移動<br> 3...<input type="text" name="text3" size="7"> </form> </body> </html>
- ベストアンサー
- JavaScript
テキストボックスにスクロールする文字列を表示する。
テキストボックスにスクロールする文字列を表示する方法を知りました。^^ これはできたのですが、同じページで、「★メッセージ1」の他に「別の表示」をさせたいのですがどうしたらいいんでしょうか? 例えば、「★メッセージ2」。など　 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY onLoad="scroll()"> <CENTER> <FORM name="myform"> <INPUT name="mytext" size="20"> </FORM> </CENTER> </BODY> </HTML>
- ベストアンサー
- JavaScript
プルダウンメニューで選んだリンクを別窓で表示させたい
こんにちは。プルダウンメニューで選んでもらうと選んでもらった日にちのところに飛ぶように作っています。 ★ＧＯ★を押してもらった日にちの日記を別窓で表示させるにはどこに　_blank　を入れたらいいのでしょうか？よろしくお願いします○┓ペコリ <script language="JavaScript"></script> <form name="myForm"> <select name="myMenu"> <option value="http://blog.livedoor.jp/＊＊＊"> ■ブログＴＯＰ■ <option value="http://blog.livedoor.jp/01＊＊" > ＊２/２の日記 <option value="http://blog.livedoor.jp/02＊＊" > ＊２/３の日記 </select> <input type="button" value="★ＧＯ★" onClick="myGo()"> </form>
- ベストアンサー
- JavaScript
選択フォームへの追記について
現在、下記のように一つのフォームの場合は、ボタンを押すと追記されますが、複数のフォームがある場合に、選択されているフォームへ、追記するには、どうすればよろしいでしょうか、よろしくお願いいたします。 <html> <head> <script language="JavaScript"></script> </head> <body> <form name="myFORM"> <input type="button" value="月曜日" onClick="setData('月')<br> <input type="button" value="火曜日" onClick="setData('火')"><br> <textarea rows="9" cols="20" name="myTEXT"></textarea><br> </form> </body> </html>
- 締切済み
- JavaScript
リンク
フォームを使ったリンクがありましたので、やってみましたらこれは、できました。それで、「同じページ」で、こんな感じのを、「別」のを作ろうとしたのですが、できませんでした。 (動作が変でした) 「もう一種類」。別のを作るには、どうしたらいいのでしょうか? よろしくお願いいたします。 (↓これと同じでなくてもいいです) <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <FORM name="myform"> <SELECT name="mysel" onChange="selLink()"> <OPTION value="">クイックリンク <OPTION value="index.html">トップページ <OPTION value="page12.html">解説ページ </SELECT> </FORM> </BODY> </HTML>
- ベストアンサー
- JavaScript
メールフォームのソースについて
メールフォームがうまく作れません。下のソースでおかしなところがあったら教えていただけませんか？よろしくお願いします。 html> <head> <title>sample</title> <script Language="JavaScript"></script> </head> <body> <form name="myFORM" method="post" action="mailto:abc@***.ne.jp" enctype="text/plain"> <br> <input type="text" value="test" NAME="data"><br> <input type="submit" VALUE="送信"><br> </form> </body> </html>
- ベストアンサー
- JavaScript
セレクトボックスでの結果で画像を変化させるモノを同ページに複数個表示する
セレクトボックスの結果によって画像を変化させるものを作ったのですが、これが一つのみだと動作したのですが、"同じ条件"で複数個おく方法が分かりません。ちなみに試したものです。（一つ目すら動作しませんでした。） <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript">  </SCRIPT> </HEAD> <BODY> <CENTER>  <IMG src="test.jpg" name="myimg" border=0> <FORM name="myform"> <SELECT name="imgselect" onChange="changeImage(this.options[this.selectedIndex].value)"> <OPTION>イメージ1 <OPTION>イメージ2 </SELECT> </FORM>  <IMG src="test.jpg" name="myimg" border=0> <FORM name="myform"> <SELECT name="imgselect" onChange="changeImage(this.options[this.selectedIndex].value)"> <OPTION>イメージ1 <OPTION>イメージ2 </SELECT> </FORM>  </CENTER> </BODY> </HTML> ＊全く同じ条件のものを複数個並べたいのですが、ただ、「form」と「画像」の項目を増やすだけではだめなのでしょうか？自分でもこれじゃまずいんじゃない？とは何となく思うのですが、細かな原因が分かりません。かなりの初心者です。どうすればうまくいくのでしょうか？
- ベストアンサー
- JavaScript
VBScriptでHTMLのForm内のselectをコントロールするには？
javaScriptの例はたくさんあるので大よそは理解できたのですが、VBScriptでやるとうまく動きません。 document.form_name.id_name.options.length は効いているようです。 document.form_name.id_name.options[0].text document.form_name.id_name.options[0].value では値が入りません。どうすれば動くでしょうか？ ----test.html---- <script language="VBScript">  </script> <html> <head><title>test</title></head> <body> <form name="term" METHOD=POST ACTION="report.asp"> 時: <select onChange="change" name="hour"> <option>23 <option>24 </select> <BR> 分: <select name="minute"> <option>00 <option>10 <option>20 <option>30 <option>40 <option>50 </select> <input type=submit name="confirm" value="レポート"> </form> </body> </html>
- ベストアンサー
- Visual Basic