change of Select (dropdown) within div NOT showing id of dropdown / select

change of Select (dropdown) within div NOT showing id of dropdown / select

Dear Sir  

pls refer

in this screen

click select product

When I click i get id name as foodiv0


X Delete

My Jquery Script 
  1. $('[id^="foodiv"]').change( function() {  
  2. $('#cls').text($(this).attr("id"));
  3. var thisid=this.id;
  4.  alert("product id0="+thisid);
  5. $('#cls').append($('#'+thisid).val());
  6. });

i am getting alert foodiv0
 i had changed dropdown or select whose id is product 0

this drop down is slected dynamically
Code that populates the row and dropdown
  2. function addItem() { /* function to add a row  */   ;
  3.   var rowcount=$('#rowcount').val(); 
  4.   var rc=parseInt(rowcount);
  5. $('#rowcount').val(rc+1); 
  6. var url= "add2sessionvariable.php";
  7.     data = {
  8.     rowcount : rowcount
  9.   }
  10.   
  11.     $('#add2sessionvariable').load(url,data)  ;
  12.   var rowclass="rowclass"+rowcount;
  13. var row="row"+rowcount;
  14.       var itemRow =
  15.         '<div class="s-12 l-12">'+
  16. '<div class="s-12 l-1 dropdown " id="srnodiv'+rowcount+'" style="padding:20px;"  ><input name="srno'+rowcount+'"  id="srno'+rowcount+'" type="text" class="'+rowclass+'">    </div>' +
  17.          '<div class="s-12 l-3 dropdown " id="foodiv'+rowcount+'" style="padding:20px;"  >   </div>' +
  18.         '<div class="s-12 l-1 dropdown " id="qtydiv'+rowcount+'" style="padding:20px;"  ><input name="qty'+rowcount+'"  id="qty'+rowcount+'" type="text" class="'+rowclass+'">    </div>' +
  19.         '<div class="s-12 l-1 dropdown" id="ratediv'+rowcount+'" style="padding:20px;"  ><input name="rate'+rowcount+'"  id="rate'+rowcount+'" type="text" class="'+rowclass+'">    </div>' +
  20.         '<div class="s-12 l-1 dropdown " id="amountdiv'+rowcount+'" style="padding:20px;"  ><input name="amount'+rowcount+'"  id="amount'+rowcount+'" type="text" class="'+rowclass+'">    </div>' +
  21.         '<div class="s-12 l-2 dropdown delete" id="delete'+rowcount+'"  style="padding:20px;font-size:18px; cursor:pointer;"> X Delete </div>' +
  22.  
  23.          '</div>';
  24.      $("#pblock").append(itemRow); 
  25.  


  28.  $('#productdiv'+rowcount).text(rowcount);
  29.  
  30.  //$('#committeeposition'+rowcount).text(rowcount);
  31.  
  32.  var url= "add2productdropdown.php";
  33.      data = {
  34.     rowcount : rowcount
  35.   }   
  36. $('#foodiv'+rowcount).load(url,data);


  39.  //var url= "add2committeepositiondropdown.php";
  40. //     data = {
  41. //   rowcount : rowcount
  42. // }
  43. //$('#committeeposition'+rowcount).load(url,data);;
  44.  
  45.     
  46.  
  47. }
  48.  addItem(); //call function on load to add the first item

  50. /////// company name //// 
  51.  $('#companyid').change ( function() {  
  52. var companyid= $('#companyid').val();
  53.  var url= "companydetailfill.php"; 
  54.     data = {
  55.      
  56. companyid: companyid // COmpany id is passed //
  57. }
  58.     $('#companydetaildiv').load(url,data, copytodeliveryaddress)  ; 
  59.  
  60. });