<form id="modify_layer_process" method="post" class="form-horizontal">

<?php for($i=0;$i<2;$i++){ ?>

<label>id</label>

<input type="text"  id="i_id<?php echo $i; ?>" class="form-control" name="id<?php echo $i; ?>"  value="<?php echo $r[$i]['id'] ?>"><br>

<label>종류</label>

<input type="text"  id="i_name<?php echo $i; ?>" class="form-control" name="i_name<?php echo $i; ?>"  value="<?php  echo $r[$i]['i_name']  ?>"><br>

<label>내용</label>

<textarea id="i_text<?php echo $i; ?>" name="i_text<?php echo $i; ?>" maxlength="300" class="form-control" rows="10" placeholder="내용"  /><?php  echo $r[$i]['i_text']  ?></textarea>

<button class="btn btn-primary"  id="i_form<?php echo $i; ?>">수정<i class="fa fa-check spaceLeft"></i></button>

<?php } ?>

<hr>

</form>

</pre>

<script type="text/javascript"> 

//<![CDATA[

$(document).ready(function() { 

// var re_pw = /^[a-z0-9_]{4,20}$/; //비밀번호 검사식 

// var re_mail = /^([\w\.-]+)@([a-z\d\.-]+)\.([a-z\.]{2,6})$/; //이메일 검사식

var jid1 = $("input#i_id").val();

var jname1 = $("input#i_name").val();

var jtext1 = $("textarea#i_text").val();

$('#i_form0,#i_form1').click(function() {

if (jid1!==''||jname1!==''){ //비밀번호 확인

$.post('lib/modify_layer_process.php', 

{

mode:"modifylay", 

id: $("input#i_id0,input#i_id1").val(),

name:$("input#i_name0,input#i_name1").val(),

text:$("textarea#i_text0,textarea#i_text1").val()

//email:$( "input#member_modify_email" ).val(), 

//profile:$( "textarea#member_modify_profile" ).val()

},

function(data) {

alert(data);

if (data == 0){

alert("정상적으로 수정됬습니다.");

self.location.reload();

}else{

alert("처리에 오류가 발생했습니다.");

}

self.location.reload();

});

}else{

alert("비밀번호가 일치하지 않습니다.\n다시 입력해주세요.");  

}

});

});

//]]> 

</script>

html내용으로는 for문으로 2개가 나오는 수정화면을 Ajax로 수정하려고합니다.

2개뿐이라 각각 작성하면 바로 끝나겠지만 반복문으로 하려다가 막혔습니다..

수정화면은 2개가 뜨지만 자바스크립트로 php에 보낼때가 문제입니다...

저 위 소스대로하면 1번째 인풋의 수정버튼을 정상적이지만 2번째 인풋의 수정버튼은 data까지 들어오지만 작동이 안되네요..

포스트할때 제이쿼리문제같은데 다른 방안이 있나요?