画像ファイルを非同期で送信するフォームを作成しています。
コードはフォームの一部分で画像に関連する箇所となります。
他にも多くの情報を入力するフォームになっており、全体で1つのフォームです。
HTML
1<ul> 2 <li style="display:inline-block; "> 3 <label>画像1 4 <input type="file" id="image_select_1" style="display:none;"> 5 <img src="noimg.gif"></label> 6 <input type="text" id="image_seq_1" value="1"><br> 7 <a href="#">画像削除</a> 8 </li> 9 <li style="display:inline-block; "> 10 <label>画像2 11 <input type="file" id="image_select_2" style="display:none;"> 12 <img src="noimg.gif"></label> 13 <input type="text" id="image_seq_2" value="2"><br> 14 <a href="#">画像削除</a> 15 </li> 16 <li style="display:inline-block; "> 17 <label>画像3 18 <input type="file" id="image_select_3" style="display:none;"> 19 <img src="noimg.gif"></label> 20 <input type="text" id="image_seq_3" value="3"><br> 21 <a href="#">画像削除</a> 22 </li> 23</ul>
画像ファイルは<input type="file">
のイベントを使ってJavascriptで送信します。
この時に関連するフォームの値を一緒に送信するようにしたいです。
例えば<input type="file" id="image_2>
の画像が選択された場合は<input type="text" id="image_seq_2">
の値を取得したいのですが、現状はimage_2だったらimage_seq_2と決め打ちで取得しています。
こういう処理をする場合に、項目を関連付けさせる方法はないのでしょうか?
関連する項目のセットをフォームで括れたらよかったのですが、全体で1つのフォームなのでフォームを入れ子にすることができず何かいい方法を探しています。
よろしくお願いします。
回答2件
あなたの回答
tips
プレビュー