Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

148
Vistas
How to append row(with mutiple input column and one dropdownlistcolumn) to table on ajax sucess

I need to add drop down or list box in place of comment from model added at view. kindly suggest any other alternative method since i am new to this

Html code:

@model Sampleapplication.Models.samplemodel
<body>
            <table id="tabledetails" class="table table-bordered loaded-table">
                <thead>
                    <tr>
                  
                        <th>  <p>Id</p></th>
                        <th>  <p>Name</p></th>
                        <th>  <p>Department</p></th>
                     
                    </tr>
                </thead>
                <tbody></tbody>
            </table>
  </body>

on ajax success:

 success: function (data) {
                   
                         $.each(data, function (i, item) {

                             var rows = "<tr>"


                                 + "<td class='prtoducttd1'>" + item.Id + "</td>"
                                 + "<td class='prtoducttd2'>" + item.Name + "</td>"
                               
                                 + "<td class='prtoducttd11'>@Html.ListBoxFor(m => m.sDepartmentList, Model.lstToDepartment, new { Name = "Departmentlst", id = "Departmentlst", @placeholder = "Select Deaprtment" })</td>"
                                 + "</tr>";
                             $('#tabledetails tbody').append(rows);
about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda