こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

フォーム送信の際、空白行を上に詰めて表示させるには?

下記のようなフォームに入力したとします。(表のような入力フォームになっています。
/ NO / Name /TEL / 
/1 / sato /03-8790/
/2 /   / /
/3 /   / /
/4 / kato /03-1111/
このように、1と4に入力して送信処理を行った場合、javaScriptで下記のように空白行を上詰めにして表示するには、どうしたらよいのでしょうか?
/ NO / Name /TEL / 
/1 / sato /03-8790/
/2 / kato /03-1111/
/3 / / /
/4 /   /    /
どなたか教えてください。よろしくお願いします。

投稿日時 - 2008-06-19 23:57:59

QNo.4114182

すぐに回答ほしいです

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

<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>

投稿日時 - 2008-06-20 08:22:44

お礼

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

投稿日時 - 2008-06-22 20:43:09

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問