스크립트 함수 작동 질문입니다.
본문
DB에서 값을 저장하여온후 품목선택시 코드 규격 단가등을 자동으로 입력되게 하는 코드를 작성 중입니다.
입력창을 추가하지 않은 테이블에서는 자동으로 입력이 가능하나 입력창을 추가하면 스크립트가 작동하지 않아 질문드립니다.
입력창을 추가한 테이블에서도 자동으로 값이 입력되게 수정하고 싶은데 어떻게 해야할까요?
고견부탁드립니다!
<?php
include_once("_common.php");
include_once($board_skin_path."/skin.function.php");
include_once($board_skin_path."/skin.db.php"); // db값 추출한 함수
$code = codedate(); //DB에서 읽어온 값 배열
// 지출내역 불러오기
$dataA = get_subdata($wr_id);
?>
<script>
//추가 버튼
$(document).on("click","button[name=addStaff]",function(){
var addStaffText = '<table name="work_item">'+
'<tbody class="work_item" name ="work_item">'+
'<tr name="trStaff">'+
'<th colspan = "10" class = "thg"> 구매요청서 </th>'+
'</tr>'+
'<tr>'+
'<th>품명</th>'+
'<td>'+
'<input type="text" id="code1" name="doc_sub[]" class="doc_sub insTab td_center" list="codelist" />'+
'<datalist id="codelist">'+
<?php for($s=0;$s<count($code);$s++){ ?>
'<option value= "<?php echo $code[$s];?> "></option>'+
<?php } ?>
'</datalist>'+
'<input type="hidden" name="id_no[]" class="id_no insTab td_center" value="" />'+
'</td>'+
'<th>코드 번호</th>'+
'<td><input type="text" id="code2" name="doc_code[]" class="doc_code insTab td_center" readonly /></td>'+
'<th>규격</th>'+
'<td><input type="text" id="code3" name="doc_size[]" class="doc_size insTab td_center" value="" /></td>'+
'<th>단위</th>'+
'<td><input type="text" id="code4" name="doc_ea[]" class="doc_ea insTab td_center" value="" /></td>'+
'<th>제품</th>'+
'<td><input type="text" name="doc_in[]" class="doc_in insTab td_center" value="" /></td>'+
'</tr>'+
'<tr>'+
'<th>호실</th>'+
'<td><input type="text" name="doc_use[]" class="doc_use insTab td_center" value="" /></td>'+
'<th>부서</th>'+
'<td><input type="text" name="doc_dep[]" class="doc_dep insTab td_center" value="" /></td>'+
'<th>재고 수량</th>'+
'<td><input type="text" name="doc_have[]" class="doc_have insTab td_center" value="" /></td>'+
'<th>요청 수량</th>'+
'<td><input type="text" name="doc_pur[]" class="doc_pur insTab td_center" value="" /></td>'+
'</tr>'+
'<tr>'+
'<th>직전입고일</th>'+
'<td><input type="text" name="doc_bdate[]" class="doc_bdate insTab td_center" value="" /></td>'+
'<th>입고요청일</th>'+
'<td><input type="text" name="doc_date[]" class="doc_date insTab td_center" value="" /></td>'+
'<th>사용 개소</th>'+
'<td colspan ><input type="text" name="doc_spa[]" class="doc_spa insTab td_center" value="" /></td>'+
'<th>사용 기간</th>'+
'<td colspan ><input type="text" name="doc_term[]" class="doc_term insTab td_center" value="" /></td>'+
'</tr>'+
'<tr>'+
'<th>요청 사유</th>'+
'<td colspan = "9"><input type="text" name="doc_reason[]" class="doc_reason insTab td_left" value="" /></td>'+
'<!--<td class="del_btn delItemBtn hand"><button name ="delStaff"><i class ="fa fa-trash-o" aria-hidden="true"></i></button></td>-->'+
'</tr>'+
'<tr>'+
'<th>확정 수량</th>'+
'<td></td>'+
'<th>구매팀의견</th>'+
'<td colspan = "7"></td>'+
'</tr>'+
'</tbody>'+
'</table>';
var trHtml = $("table[name=work_item]:last" ); //last를 사용하여 trStaff라는 명을 가진 마지막 태그 호출
trHtml.after(addStaffText); //마지막 trStaff명 뒤에 붙인다.
});
//삭제 버튼
$(document).on("click","button[name=delStaff]",function(){
var trHtml = $(this).parent().parent().parent();
trHtml.remove(); //tbody 테그 삭제
});
//품명선택시 자동으로 값 입력
$("#code1").change(function(){
var sub = $("#code1").val();
var arr = sub.split("|");
$("#code1").val(arr[0]);
$("#code2").val(arr[1]);
});
</script>
<table name="work_item">
<tbody class="work_item" name ="work_item">
<tr name="trStaff">
<th colspan = "10" class = "thg"> 구매요청서 </th>
</tr>
<tr>
<th>품명</th>
<td>
<input type="text" id="code1" name="doc_sub[]" class="doc_sub insTab td_center" list="codelist" />
<datalist id="codelist">
<?php for($s=0;$s<count($code);$s++){ ?>
<option value= "<?php echo $code[$s];?> "></option>
<?php } ?>
</datalist>
<input type="hidden" name="id_no[]" class="id_no insTab td_center" value="" />
</td>
<th>코드 번호</th>
<td><input type="text" id="code2" name="doc_code[]" class="doc_code insTab td_center" readonly /></td>
<th>규격</th>
<td><input type="text" id="code3" name="doc_size[]" class="doc_size insTab td_center" value="" /></td>
<th>단위</th>
<td><input type="text" id="code4" name="doc_ea[]" class="doc_ea insTab td_center" value="" /></td>
<th>제품</th>
<td><input type="text" name="doc_in[]" class="doc_in insTab td_center" value="" /></td>
</tr>
<tr>
<th>호실</th>
<td><input type="text" name="doc_use[]" class="doc_use insTab td_center" value="" /></td>
<th>부서</th>
<td><input type="text" name="doc_dep[]" class="doc_dep insTab td_center" value="" /></td>
<th>재고 수량</th>
<td><input type="text" name="doc_have[]" class="doc_have insTab td_center" value="" /></td>
<th>요청 수량</th>
<td><input type="text" name="doc_pur[]" class="doc_pur insTab td_center" value="" /></td>
</tr>
<tr>
<th>직전입고일</th>
<td><input type="text" name="doc_bdate[]" class="doc_bdate insTab td_center" value="" /></td>
<th>입고요청일</th>
<td><input type="text" name="doc_date[]" class="doc_date insTab td_center" value="" /></td>
<th>사용 개소</th>
<td colspan ><input type="text" name="doc_spa[]" class="doc_spa insTab td_center" value="" /></td>
<th>사용 기간</th>
<td colspan ><input type="text" name="doc_term[]" class="doc_term insTab td_center" value="" /></td>
</tr>
<tr>
<th>요청 사유</th>
<td colspan = "9"><input type="text" name="doc_reason[]" class="doc_reason insTab td_left" value="" /></td>
<!--<td class="del_btn delItemBtn hand"><button name ="delStaff"><i class ="fa fa-trash-o" aria-hidden="true"></i></button></td>-->
</tr>
<tr>
<th>확정 수량</th>
<td></td>
<th>구매팀의견</th>
<td colspan = "7"></td>
</tr>
</tbody>
</table>
<div class="addItemBtn">
<button type = "button" class="add_five" name="addStaff">입력항목 추가</button>
</div>
답변을 작성하시기 전에 로그인 해주세요.