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

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

QA

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

답변 1

본문

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");

});

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 1,020
© SIRSOFT
현재 페이지 제일 처음으로