• ベストアンサー

submit後、同じ入力欄に戻らせたい!

java script 初心者です。 会員名簿で名前だけをとにかく登録するページがあります。 入力欄はひとつでとにかく名前だけが入ります。 入力したらエンターを教えてsubmitされますが 次名前を入れるにはマウスを使って同じ名前を入力する欄(input窓)にカーソル?(ポインタ?)とにかく持ってきて、左クリックを一回しなければなりません。 これが面倒なのでsubmitしたらまた同じ入力欄に来るようにできないかと言われまして色々調べていますが・・・皆目分からず・・・ java scripterの皆様!! どうかお知恵をお貸しください! よろしくお願いします!

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

  • ベストアンサー
  • cyokodog
  • ベストアンサー率56% (13/23)
回答No.2

input 要素に適当なIDをふって <input id="inpName"/> 以下scriptを追加すればOKかと.. <script> window.onload = function(){ document.getElementById('inpName').focus(); } </script>

その他の回答 (1)

  • sykt1217
  • ベストアンサー率34% (277/798)
回答No.1

すみません。 言ってることがよくわかりませんし、言語もJSだけじゃないと思うのですが・・・。 まぁそこはあんまり関係しそうにないので無視したとして・・・。 >次名前を入れるにはマウスを使って同じ名前を入力する欄(input窓)にカーソル?(ポインタ?)とにかく持ってきて、左クリックを一回しなければなりません。 これは「submitボタンを押した際にページがリロードされ、フォーカスがテキストから外れちゃうから面倒!」ってことですよね^^;きっと。 それであれば、 http://www.tagindex.com/javascript/form/focus.html こちらを参考にどうぞ。 ヘッダに <body onLoad="document.form1.field1.focus()"> を加えるだけです。(注:form1にはご自身のソースのフォーム名を、field1にはセットフォーカスしたいフォーカス名を入れてください。) わからないようでしたら、現行のソースを差支えない程度に挙げて補足してください。

関連するQ&A

  • 入力フレームがSUBMITしたら空欄にするには?

    入場処理を入力しますが、下記は左フレームの内容です。 左フレームに入力(input)することにより右側のフレームに表示されます。(会員番号から会員名を右に表示) そして、再度左フレームにinputするのですが、この時、以前の内容が残っているために、それを消してから入力が必要です。この消すという作業を自動で行えないでしょうか?po0001.asp内にNAMAE=" "とでも記述するのでしょうか? <html> <head> <title>会員入場処理</title> <base target="main"> </head> <body bgcolor="#000000" text="#C0C0C0" onload="document.forms[0].NAMAE.focus();"> <center><form ACTION = "po001.asp" METHOD = POST> <p><font size="4">会員入場処理</font></p> <table BORDER=0 > <tr> <td>会員番号</td> <td><input TYPE="TEXT" NAME="NAMAE" SIZE="20" ></td> </tr> </table></center> <center> <p><input TYPE = "SUBMIT" VALUE="入場"></form></center> </body> </html>

    • ベストアンサー
    • HTML
  • textとsubmitを関連付けたい

    <input type="text"> <input type="submit" value="戻る"> <input type="submit" value="進む"> ↑のようなレイアウトの場合、 テキストを入力しEnterキーを押した時、 戻るボタンではなく、進むボタンを押した事にしたいのですが、どのようにすれば良いのでしょうか? ご回答よろしくお願い致します。

    • ベストアンサー
    • HTML
  • 2つの入力フォームの「入力窓」と「submitボタン」を共有させたい

    javascriptについての質問です。 ふたつの入力フォームの「入力窓」と「submitボタン」を共有させたいと 思っています。「検索対象」は、ラジオスイッチで切り替えると します。どのような、scriptが必要なのでしょうか? まったくの初心者で、お恥ずかしいのですが、よろしくご指導 ください。 参考URL http://www.majibaka.com/

  • submitボタンを二つ用意したい

    textに入力したものを二つのsubmitボタンで共用できるようにしたいと考えています。 作ってみたのですが、思ったように動かずに困っています。 ↓をどのように修正すれば動くでしょうか。 よろしくおねがいします。 <html> <body> <form name="hoge" action="hoge1.php" method="post"> <div class="ok_left"><input name="kw" value="" /> <script type="text/javascript"> <!-- function pushSubmit (val) { with(document.hoge){ if(val=='2'){ action = 'http://hoge.jp/hoge2.php'; } submit(); } } --> </script> <a href="javascript:pushSubmit('1');"><input name="submit1" type="submit" value="1"/></a> <a href="javascript:pushSubmit('2');"><input name="submit2" type="submit" value="2"/></a> </form> </body> </html>

    • ベストアンサー
    • HTML
  • 入力項目をアドレス欄に反映したい。

    Javaとの連携(JSP)です。 入力項目を受け取り、アドレス欄にその入力項目を表示したいのですが… function Search(var moji){ alert(moji); DoAdr(Submit(), '/Search?CATEGORY=moji'); } DoAdrはsubmitボタンを押されたとき遷移するURLを決定する関数で、 例えば、DoAdr(Submit(),'/Search?CATEGORY=1') と入力されていた場合、 Submitを押すと、 http://~(中略)/Search?CATEGORY=1 に遷移します。 入力された文字列をmojiに格納するところまではできていますが、 [alert(moji);で正しく文字列が表示される] アドレス欄にhttp://~(中略)~/Search?CATEGORY=moji と そのまま表示されてしまいます。 変数の中身をアドレス欄に表示する方法を教えてください。お願いします。

  • SleipnirでGoogleを開いた時にカーソルが自動に入力欄に行かなくなった

    WindowsXP SP3 IE8.0 Sleipnir2.8.5 タブバーでダブルクリック→Googleを開くという設定をしています Googleは http://www.google.co.jp/ ログイン済です 今まではダブルクリックしてGoogleを新窓で開くと検索ワード入力欄に自動的にカーソルが行ってて、直接文字を打ち込めました。 気づいたら行かなくなっていました。 マウスで入力欄をクリックしてカーソルを合わせるかタブを11回押さないとだめになりました。(初期位置は不明。タブ1回だと左上にある「画像」に行くが、SHIFT+TABを押すとどこに行くか分からない。SHIFT+TABを2回押すとプライバシーに行きます。 また、一度開いた窓で「HOME」を押すとカーソルが自動的に入力欄に行きます。(Homeも同じGoogleページ設定) どうにか解消できないでしょうか。 開いたら直接ワード打ち込みができるようにしたいのです。 一時ファイルとCookieの削除はやりましたが解消されませんでした。 よろしくお願いします。

  • 入力欄とそれを入力中にエンターを押した時の、ボタンの連動方法

    文章で書くと分かりにくいかもしれませんが、 入力枠(<input type="text" ...)が2つあり、 それに対応するサブミットボタンも1つづつあるとします。 各入力枠に入力中に、エンターを押した時のボタンを 自動的に適応させるにはどうしたらよいでしょうか。 ・・・やっぱり、文章だと分かりにくいかもしれませんが・・・。 例えば、ぐーぐるの検索結果画面だと、画面上部にも 下部にも、検索条件入力欄があって、それぞれ、右側に検索実行のボタンがありますよね。 そのボタンは、上の入力欄にフォーカスを当てると、 上のボタンにエンターのフォーカス(?)が自動的にきますよね。 下の入力欄にフォーカスを当てると、下のボタンにエンターのフォーカス(?)がきます。これのやり方がしりたいです。 JavaScriptの話ではないかもしれませんが・・・。 どなたか教えてください。お願いします。

  • 入力項目欄を次に送るショートカット

    例えば通販サイトの住所項目欄で 住所 氏名 電話番号 と項目欄の中に次々と入力しますが マウスでカーソルを合わせずにショートカットキーなどで 次の欄に送る事はできないんでしょうか?

  • 入力欄を動的に増減させる

    jquery.addInputAreaAdd Starhundret プログラミング, jQueryプラグイン の基本の入力欄を動的に増減させるデモ用のHTMLファイルを作りましたが、 入力欄が増減できません。 http://d.hatena.ne.jp/sutara_lumpur/20120509/1336556562 どこの記載が間違っているのでしょうか。 <html lang="ja-JP"> <head> <script type="text/javascript src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script type="text/javascript"> $('#list1').addInputArea(); </script> </head> <body> <ol id="list1"> <li class="list1_var"> <input type="text" size="40" name="list1_0" id="list1_0"> <button class="list1_del">Delete</button> </li> </ol> <input type="button" value="Add" class="list1_add"> </body> </html>

  • 二つの入力欄に、同時に同じ文字を入力したい

    掲示板の投稿欄を、 「お手軽版(投稿欄(1))」と 「本格版(投稿欄(2))」の二種類を用意したいと思っています。 JavaScriptを使って、 例えば、投稿欄(1)に名前を入力したら、 同じ文字列が投稿欄(2)にも反映されるようにしたいのですが、 どのようなコードを書けば良いでしょうか。 似たような質問を調べたのですが、 (1)を<input name="A">、(2)を<input name="B">としてAをBにコピーするというものがありました。 試してみると確かに同じ文字列が入力されるのですが、肝心の投稿ができませんでした。 掲示板の仕様上、 (1)も(2)も<input name="name">の部分は必須で、変えられないようなのです。 ちなみに(1)にだけ入力して(2)が空欄だと、空欄として処理されてしまいます。 <form>タグも一つしか使えません。 一晩色々やってみてどうしても上手くいかず、 最後の手段として、こちらでご教授願えればと思い、お伺いしました。 説明がヘタで申し訳ないのですが、不足な点は仰って下さい。 どうぞよろしくお願いいたします。

専門家に質問してみよう