Hello,

I have an interactive grid table. Columns, that are using values from a list, are solved this way:

Markup:

1. <td id="..1"><div class="select">....</div></td>
2. <td id="..2"><div class="select">....</div></td>
3. <td id="..3"><div class="select">....</div></td>

jQuery:

1. $('div.select').click(function() {
2.         .
   
   
3.         var selDiv = this;
4.         $(selDiv).hide();
5.         $('#selectbox').show().change(function() {
6.                 ...
7.                 $('#selectbox').hide();
8.                 $(selDiv).show();
9.         });
10. });
    
    

FIRST use - click & select box change - passes perfectly. Second change works - but the past field changes too. With the third field change simultaneously changes the second and the first cell - and so on. Can anybody explain me why ?

Thanks in advance