<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까지 들어오지만 작동이 안되네요..
포스트할때 제이쿼리문제같은데 다른 방안이 있나요?
