複数のformを一つにしてhiddenを複数postしたい

複数のformを一つにしてhiddenを複数postしたいのですが、
javascriptで書くのでしょうか

lang
1<form>
2	<input type="text" name="name" value="" placeholder="">
3	<input type="hidden" name="mode" value="upd_cst">
4	<input type="submit"  value="更新">
5</form>
6<form>
7	<input type="text" name="sei" value="" placeholder="">
8	<input type="hidden" name="mode" value="add_cst">
9	<input type="submit"  value="追加">
10</form>
11<form>
12	<input type="text" name="mei" value="" placeholder="">
13	<input type="hidden" name="mode" value="del_cst">
14	<input type="submit"  value="削除">
15</form>
16
17<input type="hidden" name="" value="">
18<input type="hidden" name="" value="">
19<input type="hidden" name="" value="">
20<input type="hidden" name="" value="">
21<input type="hidden" name="" value="">
22<input type="hidden" name="" value="">

行動規範の内容に同意します

回答3件

送信後の処理がどういったものかわかりませんが、
こういった感じのことをされたいのですかね・・・

lang
1<form id="form1">
2    <input type="text" name="name" value="" placeholder="">
3    <input type="hidden" name="mode" value="upd_cst">
4    <input type="button" value="更新" onclick="submitForm('form1', 'save.php');">
5</form>
6<form id="form2">
7    <input type="text" name="sei" value="" placeholder="">
8    <input type="hidden" name="mode" value="add_cst">
9    <input type="button" value="追加" onclick="submitForm('form2', 'save.php');">
10</form>
11<form id="form3">
12    <input type="text" name="mei" value="" placeholder="">
13    <input type="hidden" name="mode" value="del_cst">
14    <input type="button" value="削除" onclick="submitForm('form3', 'save.php');">
15</form>
16
17<form id="form">
18	<input type="hidden" name="a" value="">
19	<input type="hidden" name="b" value="">
20	<input type="hidden" name="c" value="">
21	<input type="hidden" name="d" value="">
22	<input type="hidden" name="e" value="">
23	<input type="hidden" name="f" value="">
24</form>

lang
1<script type="text/javascript">
2function submitForm(formId, action){
3	
4	var formInput = document.getElementById(formId);
5	var form = document.getElementById('form');
6	
7	for(i = 0; i < formInput.length; i++) {
8		var elem = formInput.elements[i];
9        
10        var tempInput = document.createElement('input');
11    	tempInput.type = elem.type;
12    	tempInput.name = elem.name;
13    	tempInput.value = elem.value;
14    	
15    	form.appendChild(tempInput);
16    }
17	
18	form.action=action;
19    form.method="post";
20	form.submit();
21	
22	return false;
23}
24</script>

投稿2015/06/05 09:56

7nanac

総合スコア33

なぜ、フォームを分けなければならないのかは読み取れませんが、
普通は以下のようにすれば、いいのかと思います。

<input type="text" name="sei" value="" placeholder="">
<input type="submit" name="add" value="追加">

<input type="text" name="mei" value="" placeholder="">
<input type="submit" name="delete" value="削除">

<input type="hidden" name="" value="">
<input type="hidden" name="" value="">
<input type="hidden" name="" value="">
<input type="hidden" name="" value="">
<input type="hidden" name="" value="">
<input type="hidden" name="" value="">

</form>

投稿2015/06/05 06:26

退会済みユーザー

総合スコア0

html:sample
1<form>
2    <input type="text" name="name" value="" placeholder="">
3    <input type="hidden" name="mode" value="upd_cst">
4    <input type="submit"  value="更新">
5
6    <input type="hidden" name="" value="">
7    <input type="hidden" name="" value="">
8    <input type="hidden" name="" value="">
9    <input type="hidden" name="" value="">
10    <input type="hidden" name="" value="">
11    <input type="hidden" name="" value="">
12</form>
13<form>
14    <input type="text" name="sei" value="" placeholder="">
15    <input type="hidden" name="mode" value="add_cst">
16    <input type="submit"  value="追加">
17
18    <input type="hidden" name="" value="">
19    <input type="hidden" name="" value="">
20    <input type="hidden" name="" value="">
21    <input type="hidden" name="" value="">
22    <input type="hidden" name="" value="">
23    <input type="hidden" name="" value="">
24</form>
25<form>
26    <input type="text" name="mei" value="" placeholder="">
27    <input type="hidden" name="mode" value="del_cst">
28    <input type="submit"  value="削除">
29
30    <input type="hidden" name="" value="">
31    <input type="hidden" name="" value="">
32    <input type="hidden" name="" value="">
33    <input type="hidden" name="" value="">
34    <input type="hidden" name="" value="">
35    <input type="hidden" name="" value="">
36</form>