jquery로 추가된 행렬은 jquery가 안먹네요...

jquery로 추가된 행렬은 jquery가 안먹네요...

QA

jquery로 추가된 행렬은 jquery가 안먹네요...

본문

php


         <table id="sit_supply_frm">
            <tbody>
            <tr>
            <?php
            $i = 0;
            do {
                $seq = $i + 1;
            ?>
            <tr class="rows view"><td>
                <select class=" sel_first" value="<?php echo $write[wr_11][$i]; ?>" name="wr_11[]" id="wr_11">
                    <option <?php echo get_selected('제품 선택', $write['wr_11'][$i]); ?>>제품 선택</option>
<option <?php echo get_selected('제품 선택', $write['wr_11'][$i]); ?>>제품 선택</option>
<option <?php echo get_selected('제품 선택', $write['wr_11'][$i]); ?>>제품 선택</option>
                </select>
                <select class="sel_second" value="" name="wr_12[]" id="wr_12">
                    <option><?php echo ($write[wr_12][$i] != "")?  $write[wr_12][$i] : "제품선택" ?></option>
                </select>
                </td>
            </tr>
            <?php
                $i++;
            } while($i < $count);
            ?>
            </tbody>
        </table>
        <div class="form-group"><button type="button" id="add_supply" class="btn_frmline">추가</button></div>
      </td>
    </tr>
    </table>

 

script



$("#add_supply").click(function() {
    var $el = $("#sit_supply_frm tr:last");
    var fld = "<tr class='nona sec_tr'>\n";
    fld += "<td><label class=\"lab\" style=\"width:15px; display: inline-block;\" for=\"\" scope=\"row\">추가</label>\n";
    fld += "<select class=\"frm_input sel_first ani_imm\"                                             name=\"wr_11[]\" >\n";
    fld += "<option>제품 선택</option>\n";
    fld += "<option>제품 선택</option>\n";
    fld += "<option>제품 선택</option>\n";
    fld += "</select>\n";
    fld += "<select class=\"frm_input sel_second all_sub sel_disabled\"                                    name=\"wr_12[]\">\n";
    fld += "<option>제품선택</option></select>\n";
    fld += "</span>\n";
    fld += "</label>\n";
    fld += "<input type=\"hidden\" class=\"check_in\" id=\"wr20c\" value=\"N\" name=\"wr_20[]\">\n";
    fld += "<button type=\"button\" id=\"del_supply_row\"  class=\"btn_frmline nt2\">삭제</button>\n";
    fld += "</td>\n";
    fld += "</tr>";
    $el.after(fld);
});

$(".sel_first").change(function(e) {
    alert("aa");
});

 

첫번째 행렬 (로드상태)에서는 alert가 먹는데

추가해서 생성되는 새로운 행렬은 alert가 안먹습니다.

 

$el.after(fld); 뒤에 값을 넣으면 alert가 작동할테지만..

그러면 같은 소스를 두번씩 넣어야 하는 불편함이 있을거 같아서..

 

추가되는 행렬에서도 작동이 되고 기존값에서도 작동이 되게 할려면 어떻게 해야 하나요?

이 질문에 댓글 쓰기 :

답변 1

$(document).on("change", ".sel_first", function() {

   alert("aa");

});

답변을 작성하시기 전에 로그인 해주세요.
전체 1,020
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT