순차적 ID로 여러 항목을 선택했습니다. jquery에서 그 중 하나를 어떻게 참조 할 수 있습니까?

Question

사용자가 단추를 누르고 동적으로 3 개의 열이있는 테이블 행을 생성하는 양식이 있습니다. 생성 된 각 행은 테이블에 추가하고, 다음과 같은 형식으로 보유되어 생성 된 행의 각각의 요소가 생성 된 행에 대응하는 순차 첨가

<tr id="1" class=""> 
    <td> 
    <select id="cmb_articulo_1" name="articulo[]"> 
    </td> 
    <td> 
    <input type="text" id="txtcantidad_1" name="txtcantidad[]"> 
    </td> 
    <td> 
    <input type="text" id="txtprecio_1" name="txtprecio[]"> 
    </td> 
    <td> 
    <select id="cmb_descuento_1" name="descuento[]"> 
    </td> 
</tr> 

을 (id="cmb_articulo_1", id="cmb_articulo_2", id="cmb_articulo_3",..)

사용자는 N- 발생했을 수 있습니다 어떤 옵션을 선택했는지 그리고 그 옵션을 처리하는 방법을 식별하는 방법을 결정할 수 없었습니다.

선택한 옵션을 처리하는 방법은 언제, 예를 들어, 내가 id = "combo"을 선택하면 선택한 옵션을 $("#combo").change(function{ . . . })으로 처리합니다. 그러나 상황이 올랐을 때 동적으로 생성 된 1, 2, 5, 10, 20 등의 행이있을 수 있으므로 이전 옵션과 같이 선택한 옵션을 처리 할 수 ​​없습니다. 선택한 행을 선택하여 선택한 옵션을 처리하여 해당 요소에 대한 동적 참조를 만드는 방법이 있어야한다는 것을 알고 있습니다.

제발,이 두 상담을 도와 주시겠습니까? 지금부터 고맙습니다.

Answer 1

은 테이블의 모든 <select> 요소에 클래스를 추가

<select class="cmb_articulo" id="cmb_articulo_1" name="articulo[]"> 

그런 다음 바인드에 동적으로 삽입 된 요소 수 있도록 event delegation를 사용

:

$(document).on('change', '.cmb_articulo', function() { 
    var $select = $(this); 
    var $row = $select.closest('tr'); 
    var id = $row.attr('id'); 

    // You have the ID now, do whatever you need to. 
});