Question

I am doing soemthign like this to add dropdownlist for each row dynamically..

 var Click = function() {
    $("#Grid").click(
        $("#showgrid").load('/Products/List/Item/'));
        $.each($('#Grid td:nth-child(4n)'), function() {
         var forthColumn = $(this);
        forthColumn.append("<select><option value='1'>Division 1</option><option value='2'>Division 2</option><option value='3'>Division 3</option></select>");
    });
    };

is this rigth what i am doign here? bec I am not getting the dropdown list on the result grid?

can anybody help me out..

thanks

Answer 1

What you have I think adds the select to each column not row. Although I think its best that the each function anyhow to be a call back function of your load function. as you might try to add the selct when the table is not loaded yet

$("#showgrid").load('/Products/List/Item/'), function(){...code for adding select});