removedata - jQuery obtener todos los valores de la columna de la tabla

jquery val

Question

Estoy buscando una manera de rellenar un cuadro de selección con valores únicos de una columna de la tabla usando jQuery. Hasta ahora, mis intentos han sido inútiles, pero soy relativamente nuevo en el desarrollo de front-end, así que espero que alguien pueda mostrarme la luz.

Aclamaciones.

Answer 1

Esto debería empezar. Tenga en cuenta que uso el contenido de la celda tanto para el valor como para el texto de la opción. Puede que necesite cambiar esto, pero no está claro a partir de la pregunta.

var items=[], options=[];

//Iterate all td''s in second column
$(''#tableId tbody tr td:nth-child(2)'').each( function(){
   //add item to array
   items.push( $(this).text() );       
});

//restrict array to unique items
var items = $.unique( items );

//iterate unique array and build array of select options
$.each( items, function(i, item){
    options.push(''<option value="'' + item + ''">'' + item + ''</option>'');
})

//finally empty the select and append the items from the array
$(''#selectId'').empty().append( options.join() );

Answer 2

Puedes usar jquery''s cada función:

function FillSelect(){
    var vals = new Array();
    var i=0;
    var options='''';
    $("#tbl tr:gt(0) td:nth-child(2)").each(function(){
       var t=$(this).html();
       if($.inArray(t, vals) < 0)
       {
           vals[i]=t;
           i++;
       }
    });

    for(var j=0;j<i;j++)
    {
        options += ''<option value="'' + j + ''">'' + vals[j] + ''</option>'';
    }

    $("#sel2").html(options);
}

suponga que ''tbl'' es el ID de su tabla, ''sel2'' es el id de selección que desea rellenar. Si no desea excluir la primera fila, puede eliminar tr: gt (0) y colocar tr simple en la expresión de selección.