在引导表内动态创建Jquery下拉列表

Question

我想为bootstrap表中的每个条目创建一个下拉列表。这些条目是从服务方法接收的。 以下是我尝试创建下拉列表的方法，

 var combo = $("<select></select>").attr("class", "drop col-sm-6");

  if(obj.interest=="Not Interested")
  {
     //alert("Inside not interested");
combo.append("<option>" + obj.interest + "</option>");
combo.append("<option>Interested</option>");
combo.append("<option>Call on Later</option>");
  }
   if(obj.interest=="Interested")
  {
      //alert("Inside Interested");
combo.append("<option>" + obj.interest + "</option>");
combo.append("<option>"+"Not Interested"+"</option>");
combo.append("<option>"+"Call on Later"+"</option>");
  }
   if(obj.interest=="Call on Later")
  {
      //alert("Inside Call on later");
combo.append("<option>" + obj.interest + "</option>");
combo.append("<option>"+"Interested"+"</option>");
combo.append("<option>"+"Not Interested"+"</option>");
  }

然后我在表格中添加此下拉列表，

    t.row.add( [

      obj.clientName,
      obj.companyName,
      obj.contactNumber,
      obj.emailId,
       companytype.companyType,
      category.categoryName,
      combo,
      obj.updatedDate
       //and so on as based on number of your columns
   ]).draw();

但是下拉列表没有显示在表格中。相反，它显示＆＃34;对象＆＃34;在表中。