ajax 변환 질문드립니다.
본문
<table id="supply_frm">
<tr><td>
<select value="<?php echo $wr11[$i]; ?>" name="wr_11[]">
<option value="" <?php echo get_selected('제품 선택', $wr11[$i]); ?>>제품 선택</option>
<option value="사과" codes="APPLE" <?php echo get_selected('사과', $wr11[$i]); ?>>사과</option>
<option value="딸기" codes="STRAWBERRY" <?php echo get_selected('딸기', $wr11[$i]); ?>>딸기</option>
<option value="바나나" codes="BANANA" <?php echo get_selected('바나나', $wr11[$i]); ?>>바나나</option>
</select>
</td></tr>
</table>
<div id="add_supply">추가</div>
$("#add_supply").click(function() {
var $el = $("#supply_frm tr:last");
var fld = "<tr><td>\n";
fld += "<select name=\"wr_11[]\" >\n";
fld += "<option value=\"\">제품 선택</option>\n";
fld += "<option value=\"사과\" codes=\"APPLE\" >사과</option>\n";
fld += "<option value=\"딸기\" codes=\"STRAWBERRY\" >딸기</option>\n";
fld += "<option value=\"바나나\" codes=\"BANANA\" >바나나</option>\n";
fld += "</select>";
fld += "</td></tr>";
$el.append(fld);
};
<tr><td>
<select value="<?php echo $wr11[$i]; ?>" name="wr_11[]">
<option value="" <?php echo get_selected('제품 선택', $wr11[$i]); ?>>제품 선택</option>
<? $sql = "SELECT it_product_main, it_db_main FROM g5_write_stock_all GROUP BY it_product_main";
$result = sql_query($sql);
for($j=0; $row=sql_fetch_array($result); $j++) {
?>
<option value="<?php echo $row['it_product_main']; ?>" codes="<?php echo $row['it_db_main']; ?>" <?php echo $row['it_product_main'] == $wr11[$i] ? " selected='selected' ": ""; ?>><?php echo $row['it_product_main']; ?></option>
<? } ?>
</select>
</td></tr>
이렇게 기본으로 나와있는건 ajax로 받아져오는데
추가 버튼을 누를때마다
하단에 동일한 tr값을 추가할려면 어떻게 해야 하나요?
$("#add_supply").click(function() {
눌렀을때를 어떻게 변경해야 동일하게 나오는지 감을 못잡겠습니다.
!-->!-->답변 1
<script>
var newRow = $("#supply_frm tr:last").eq(0);
$("#add_supply").click(function() {
var $el = $("#supply_frm tbody:last");
$el.append(newRow.clone(true));
});
</script>
이런식으로 한번만 tr값을 읽어서 추가하는 방법은 어떨까요
!-->
답변을 작성하시기 전에 로그인 해주세요.