$('.str_size').click(function(){
var index =$(".str_size").index(this);
var pos ="";
var j=0;
jQuery.each(data, function(i, val) {
if(j == index){
pos = i;
size_name = val;
}
j++;
});
var str = "#s_name" + prm;
var sh_name = "size_code[" + prm + "]";
$(str).html(size_name);
$('<input>').attr({
type: 'hidden',
id: 'size' + prm,
name: sh_name,
value: pos
}).appendTo('table#tbl_size');
return false;
});
ボタンを押すとhidden項目を追加するのですが、
ボタンを押すごとに同様の項目が追加されてしまいます。
ボタンが2個の時は2個、3個の時は3個のhidden項目を設定したいです。
どのようにしたら良いでしょうか?
prmはボタンの番号に相当します。
よろしくお願いいたします。
※追記します。
<table style="text-align:left;" border="1" cellpadding="2" cellspacing="2" id="tbl_size" class="tbl_info">
<tbody>
<tr>
<th></th><th>T11</th><th>T12</th><th>T13</th><th>T14</th>
</tr>
<tr>
<td><span id="s_name0"></span><input name="size_item" class="size_item" value="サイズ選択" type="button"></td>
<td><input name="size_val[]" maxlenth="5" type="text"></td>
<td><input name="size_val[]" maxlenth="5" type="text"></td>
<td><input name="size_val[]" maxlenth="5" type="text"></td>
<td><input name="size_val[]" maxlenth="5" type="text"></td>
</tr>
<tr>
<td><span id="s_name0"></span><input name="size_item" class="size_item" value="サイズ選択" type="button"></td>
<td><input name="size_val[]" maxlenth="5" type="text"></td>
<td><input name="size_val[]" maxlenth="5" type="text"></td>
<td><input name="size_val[]" maxlenth="5" type="text"></td>
<td><input name="size_val[]" maxlenth="5" type="text"></td>
</tr>
</tbody>
</table>
<input type="button" id="add_size_table" value="追加する" />
というテーブルがあり、ボタンを押すと行が追加されます。
テーブル内のボタンを押すとポップアップが開き、選択項目が表示されます。
その項目を選択するとspanタグの中に文字情報として挿入されて、
hidden項目が追加されます。
入力画面では問題ないのですが、エラー画面で項目を入れ替えようとテーブル内のボタンを押して
ポップアップの内容を選択するたびにhidden項目が無限に増えてしまいます。
上記のプログラムはポップアップの一覧から選択した部分からのコードです。
よろしくお願いいします。
※追記
入力画面とエラー画面があります。
submitしてエラー画面に遷移した際に不具合が生じています。
エラー画面ではPHPでhidden項目を記述しています。
内容を変更しようとテーブル内のボタンを押して変更(Jqueryで)した際にhidden項目がどんどん増えれてしまいます。