CODEWITHSUNDEEP
jqueryselect
GustyWind
GustyWind

Reputation: 3036

how to get id of a select box in table that is dynamically generated

Hi I am having a table which will be populating dynamically. It has a select box which on select should open pop but I dont know the id of the selected row. How can I know the select item from which it is been selected.

<table>
<tr id="<%=columnId%>" >
<td class="lic-3-4"><%=columnName%></td>
<td id="datatype" class="lic-3-4"><%=dataType%></td>
<td class="lic-5-4"><div ><select class="mol-select-tc" name="action_col1" id=""<%=columnId%>"></select></div></td>
</tr>
<tr id="<%=columnId%>" >
<td class="lic-3-4"><%=columnName%></td>
<td id="datatype" class="lic-3-4"><%=dataType%></td>
<td class="lic-5-4"><div ><select class="mol-select-tc" name="action_col1" id=""<%=columnId%>"></select></div></td>
</tr>
        <tr id="<%=columnId%>" >
<td class="lic-3-4"><%=columnName%></td>
<td id="datatype" class="lic-3-4"><%=dataType%></td>
<td class="lic-5-4"><div ><select class="mol-select-tc" name="action_col1" id=""<%=columnId%>"></select></div></td>
</tr>
</table>

 var selectedAlgSelect = $('#action_col1');//here I want the select the dynamically //generated id of select column
     selectedAlgSelect.die('change').live('change',function(){  
         var rowEl = $(this).closest('tr');      
          var currentRow = $(rowEl);
          var dataType = currentRow.find('td[id=datatype]').text();
           var selectEl = currentRow.find('select[name=action_col1]').val();
    }

Upvotes: 0

Views: 220

Answers (1)

GustyWind
GustyWind

Reputation: 3036

This is working

var selectedAlgSelect =  $('select');
     selectedAlgSelect.die('change').live('change',function(){  
......
}

Upvotes: 1

Related Questions