¿Cómo agregar lista desplegable en cada fila de tabla dinámica que capta datos del servidor?

Quiero agregar lista desplegable estática a cada fila de tabla dinámica que capta los datos del servidor, ¿cómo lo haré?
Quiero hacer lo mismo así ( compruebe el tipo de lista desplegable ) pero también obtendrá datos del servidor y cada fila de columna tendrá drop drownlist.

A continuación se actualiza y código de trabajo, gracias a @angu

Estructura de la lista desplegable.

 NewJob InProgress CloseJon  

Tabla Dinámica

  
ID Customer Name Customer Mobile Customer Email

JavaScript

  function fetchData1(){ $(".data-contacts1-js tbody").empty(); $.get("http://localhost/service/Services.php", function(data) { var obj=JSON.parse(data); for(var i in data){ var tr=$(""); tr.append( "" + obj[i].b_id + "" + "" + obj[i].cust_name + "" + "" + obj[i].cust_mobile + "" + "" + obj[i].cust_email + "" ); tr.append("NewJobWIP Job"); $(".data-contacts1-js tbody").append(tr); i++; } }); } $(document).ready(function(){ $(".data-contacts1-js tbody").empty(); $('#fetchContacts1').click(function() { fetchData1(); }); });  

usarlo creo que esto es útil para ti

Jquery Code Generate Dynamic append Fila:

 $(function(){ for(var i=0;i<3;i++){ var trd=""; trd +=""; trd +=""; trd+=""; trd+=""; trd+=" "; trd+=" "; trd+=""; $(".table-bordered tbody").append(trd); } }); 

Haga clic para demo

Aquí hay un par de funciones createSelect que podrían funcionar en su caso. JavaScript simple se usa en esas funciones 🙂

 $("body").append("createSelect() "); $("body").append("
"); $("body").append(createSelect()); $("body").append("


"); $("body").append(" createSelectDynamic() "); $("body").append("
"); var array = [{ "value": 1, "text": "NewJob" }, { "value": 2, "text": "InProgress" }, { "value": 3, "text": "CloseJob" }] $("body").append(createSelectDynamic(array)); $("body").append("


"); $("body").append("miniTable where createSelect() used ") $("body").append("
2ndthird"); var select = createSelect(); $("td:first-child").append(select); function createSelect() { var select = document.createElement("select"); var option = document.createElement("option"); option.value = 1; option.text = "NewJob"; select.add(option); var option2 = document.createElement("option"); option2.value = 2; option2.text = "InProgress"; select.add(option2); var option3 = document.createElement("option"); option3.value = 3; option3.text = "CloseJob"; select.add(option3); return select; } function createSelectDynamic(values) { var select = document.createElement("select"); for (i = 0; i < values.length; i++) { var option = document.createElement("option"); option.value = values[i].value; option.text = values[i].text; select.add(option); } return select; }
 table, th, td { border: 1px solid blue; }