リスト上のtextボックスに数値を入れるJS

解決済

質問者：litton101
質問日時：2009/06/15 17:28
回答数：1件

以下の例えば120人のリストのテキストボックスに、テストの
順位を表す順位を1から120まで一括入力するボタンを設
けたいのですが、javascriptをご教示いただけますと幸
いです。さらに、順位は10とびで、10、20、30、・・・1200、
と入れるボタン（10ずつカウントアップ）もあるとうれ
しいです。
よろしくお願い致します。

<form method="post" action="" name="myform">
<table>
<tr><td>出席番号</td><td>氏名</td><td>順位を入力</td></tr>
<tr><td>1</td><td>阿藤一郎</td><td><input type="text" name="rank" value=""></td></tr>
<tr><td>2</td><td>伊藤次郎</td><td><input type="text" name="rank" value=""></td></tr>
<tr><td>3</td><td>宇藤三郎</td><td><input type="text" name="rank" value=""></td></tr>
　　　：
　　（以下、120人続く）
<tr><td>120</td><td>加藤太郎</td><td><input type="text" name="rank" value=""></td></tr>
</table>
</form>

なお、リストは１２０人とは限りません。
５０人（５０行、５０テキストボックス）の場合も、
８０人（８０行、８０テキストボックス）の場合もあり
ます。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： taloo
回答日時：2009/06/15 19:04

> 順位を表す順位を1から120まで一括入力する

onload=function(){
for(var i=1,r,rs=document.getElementsByName('rank');r=rs[i-1];i++)
r.value=i;
}

> 順位は10とびで、10、20、30、・・・1200、
> と入れる
0番目（1位）は考慮せず

onload=function(){
for(var i=1,r,rs=document.getElementsByName('rank');r=rs[i-1];i++)
if(!(i%10))
r.value=i;
}

> ボタンを設
> けたいのですが
ボタンにはしてないけど自由に改造して下さい。

- 0
- 件

通報する

この回答へのお礼

talooさん、ありがとうございました。
御礼遅くなって失礼しました。
いただいたものを元に、次のようにしたら上手くいきました。
大変助かりました。ありがとうございました。

<html>
<head>
<script>
function test(){
for(var i=1,r,rs=document.getElementsByName('rank');r=rs[i-1];i++) {
r.value=i;
}
}
</script>
</head>
<body>
<input type="button" onclick="test();" value="テスト">
<table>
<tr><td>出席番号</td><td>氏名</td><td>順位を入力</td></tr>
<tr><td>1</td><td>阿藤一郎</td><td><input type="text" name="rank" value=""></td></tr>
<tr><td>2</td><td>伊藤次郎</td><td><input type="text" name="rank" value=""></td></tr>
<tr><td>3</td><td>宇藤三郎</td><td><input type="text" name="rank" value=""></td></tr>
<tr><td>120</td><td>加藤太郎</td><td><input type="text" name="rank" value=""></td></tr>
</table>
</body>
</html>