JSコードを短く書きたいです。

Question

下記のコードをスマートに書けないでしょうか？

function Post(hoge_01, hoge_02,hoge_03,hoge_04,hoge_05,hoge_06,hoge_07,hoge_08,hoge_09,hoge_10,hoge_11,hoge_12) {
	form1.hoge_01.value = hoge_01;
	form1.hoge_02.value = hoge_02;
	form1.hoge_03.value = hoge_03;
	form1.hoge_04.value = hoge_04;
	form1.hoge_05.value = hoge_05;
	form1.hoge_06.value = hoge_06;
	form1.hoge_07.value = hoge_07;
	form1.hoge_08.value = hoge_08;
	form1.hoge_09.value = hoge_09;
	form1.hoge_10.value = hoge_10;
	form1.hoge_11.value = hoge_11;
	form1.submit();
	}

よろしくお願いいたします。

Answer 1

参照の仕方にちょっと問題ありそうですがこんな感じで

<script>
function test(){
  for(var i=0;i<11;i++){
    form1.elements["hoge_"+("0"+(1+i)).substr(-2)].value=arguments[i];
  }
}
</script>
<form name="form1">
<input type="text" name="hoge_01"><br>
<input type="text" name="hoge_02"><br>
<input type="text" name="hoge_03"><br>
<input type="text" name="hoge_04"><br>
<input type="text" name="hoge_05"><br>
<input type="text" name="hoge_06"><br>
<input type="text" name="hoge_07"><br>
<input type="text" name="hoge_08"><br>
<input type="text" name="hoge_09"><br>
<input type="text" name="hoge_10"><br>
<input type="text" name="hoge_11"><br>
<input type="button" value="test" onclick="test('a','b','c','d','e','f','g','h','i','j','k')">
</form>

追記

最初の命題と違っているようですが、ひとつのリンクでひとつの値設定でよろしいですか？

<script>
function test(target,val){
  form1.elements[target].value=val;
  return false;
}
</script>
<form name="form1">
<input type="text" name="hoge_01"><br>
<input type="text" name="hoge_02"><br>
<input type="text" name="hoge_03"><br>
<input type="text" name="hoge_04"><br>
<input type="text" name="hoge_05"><br>
<input type="text" name="hoge_06"><br>
<input type="text" name="hoge_07"><br>
<input type="text" name="hoge_08"><br>
<input type="text" name="hoge_09"><br>
<input type="text" name="hoge_10"><br>
<input type="text" name="hoge_11"><br>

<a href="#" onclick="return test('hoge_01','a')">01</a>
<a href="#" onclick="return test('hoge_02','b')">02</a>
<a href="#" onclick="return test('hoge_03','c')">03</a>
<a href="#" onclick="return test('hoge_04','d')">04</a>
<a href="#" onclick="return test('hoge_05','e')">05</a>
<a href="#" onclick="return test('hoge_06','f')">06</a>
<a href="#" onclick="return test('hoge_07','g')">07</a>
<a href="#" onclick="return test('hoge_08','h')">08</a>
<a href="#" onclick="return test('hoge_09','i')">09</a>
<a href="#" onclick="return test('hoge_10','j')">10</a>
<a href="#" onclick="return test('hoge_11','k')">11</a>
</form>                            

Comments

[rainbowsix]

'''
<input type="hidden" name="hoge_01" value="1">
<input type="hidden" name="hoge_02" value="2">
<input type="hidden" name="hoge_03" value="3">
<input type="hidden" name="hoge_04" value="4">
<input type="hidden" name="hoge_05" value="5">
<input type="hidden" name="hoge_06" value="6">
<input type="hidden" name="hoge_07" value="7">
<input type="hidden" name="hoge_08" value="8">
<input type="hidden" name="hoge_09" value="9">
<input type="hidden" name="hoge_10" value="10">
<input type="hidden" name="hoge_11" value="11">

<a href="javascript:test('hoge_01')">
<a href="javascript:test('hoge_02')">
<a href="javascript:test('hoge_03')">
<a href="javascript:test('hoge_04')">
<a href="javascript:test('hoge_05')">
<a href="javascript:test('hoge_06')">
<a href="javascript:test('hoge_07')">
<a href="javascript:test('hoge_08')">
<a href="javascript:test('hoge_09')">
<a href="javascript:test('hoge_10')">
<a href="javascript:test('hoge_11')">
'''
こんな風にしたいですが。<a href>の中身はどうすればいいでしょうか？

Answer 2

arguments
きっとこれでうまくいく！

Answer 3

配列で渡してループ使えば?