データを登録する画面を作成しています。
1つ目の枠はコードを入れ、2つ目の枠にJQueryを使って非同期で名称を表示しています。
3つ目の枠に数量を入れて、データを登録しようとしています。
1つ目の枠から3つ目の枠に飛ぶときに『TAB』キーを押してくれれば一番良いのですが、
どうしても「ENTER」キーを押す人がいるので、1つ目の枠のENTERキーは押しても
次の枠に飛ぶようにするという設定にしました。
このため、最後のSubmitをInputタグからButtonタグに変更しました。
3つ目の枠に数量を入れてENTERキーを押したときに、データを入れたいのでSubmitを
実行したいのですが、どうしてもできません。
doActionでスクリプトを呼び出してSubmitを実行しているはずなのですが、ページが移動しません。
下記ソースですが、何とか移動できるようにするにはどうすれば良いか、お教え願います。
html
1<script 2 src="http://code.jquery.com/jquery-3.0.0.js" 3 integrity="sha256-jrPLZ+8vDxt2FnE1zvZXCkCcebI/C8Dt5xyaQBjxQIo=" 4 crossorigin="anonymous"> 5</script> 6 7<script type="text/javascript"> 8<!-- 9function doAction(){ 10 var id = $('#list1').serialize(); 11 $.getJSON('getdata.php',id,callback,'JSON'); 12} 13 14function callback(result){ 15 $('#message').text(result.message); 16} 17 18function doSubmit(){ 19// ###ここが動きません 20 document.form2.submit(); 21} 22 23$(function(){ 24 var elements = "input[type=text]"; 25 $(elements).keypress(function(e) { 26 var c = e.which ? e.which : e.keyCode; 27 if (c == 13) { 28 var index = $(elements).index(this); 29 $(elements + ":gt(" + index + "):first").focus(); 30 e.preventDefault(); 31 } 32 }); 33}); 34 35//--> 36</script> 37</head> 38 39<body> 40<H1>データ登録</H1> 41 <form method='POST' action='input.php'> 42 <table border=1> 43 <tr> 44 <td width='50'>部品コード</td> 45 <td width='300'>部品名</td> 46 <td width='50'>数量</td> 47 </tr> 48 <tr> 49 <td><input type='text' id='list1' name='bcord' onchange='doAction();'></td> 50 <td><div class='msg' id='message'><div></td> 51 <td><input type='text' name='suu' onchange='doSubmit();' ></td> 52 </tr> 53 </table> 54 <button type='button' onclick='submit();'>登録</button> 55 </form> 56
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/06/21 08:22
2016/06/21 09:13
2016/06/21 09:15
2016/06/21 14:52
2016/06/22 00:08
2016/06/22 06:13 編集
2016/06/22 06:15
2016/06/24 01:37