• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:フォーム送信の際、空白行を上に詰めて表示させるには?)

フォーム送信時に空白行を上に詰めて表示する方法は?

このQ&Aのポイント
  • フォーム送信時に空白行を上に詰めて表示する方法について教えてください。
  • javaScriptを使用して、フォーム送信時に空白行を上詰めにして表示する方法を教えてください。
  • 表形式のフォームで、入力されたデータをjavaScriptで処理して空白行を上に詰めて表示する方法を教えてください。

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

  • ベストアンサー
noname#84373
noname#84373
回答No.1

<html> <body> no/name/tel<br/> 1:<input type="text" id="r1c2"><input type="text" id="r1c3"><br/> 2:<input type="text" id="r2c2" value="a"><input type="text" id="r2c3" value="0123-456"><br/> 3:<input type="text" id="r3c2" value=""><input type="text" id="r3c3"><br/> 4:<input type="text" id="r4c2"value="b"><input type="text" id="r4c3" value="654-3210"><br/> <input type="button" value="tume" onClick="tume2()"> <script> function tume2(){ var s0=1,s1=1; while(s1<4){ while( !$V('r'+s1+'c2') ) s1++; if(s0<s1){ $('r'+s0+'c2').value=$V('r'+s1+'c2'); $('r'+s0+'c3').value=$V('r'+s1+'c3'); $('r'+s1+'c2').value=''; $('r'+s1+'c3').value=''; s0++; } } } function $(o){ return document.getElementById(o); } function $V(o){ return $(o).value; } </script> </html>

suica7
質問者

お礼

早速のご回答ありがとうございます。 参考にさせていただきます。

関連するQ&A