jquery从表列获取所有值
我正在寻找一种方法,使用jQuery用表列中的唯一值填充选择框。到目前为止,我的尝试都是徒劳的,但我对前端开发还比较陌生,所以我希望有人能给我一些启示jquery从表列获取所有值,jquery,html,Jquery,Html,我正在寻找一种方法,使用jQuery用表列中的唯一值填充选择框。到目前为止,我的尝试都是徒劳的,但我对前端开发还比较陌生,所以我希望有人能给我一些启示 干杯。这应该让你开始了。请注意,我将单元格内容用于选项的值和文本。你可能需要改变这一点,但从问题上看还不清楚 var items=[], options=[]; //Iterate all td's in second column $('#tableId tbody tr td:nth-child(2)').each( function(){
干杯。这应该让你开始了。请注意,我将单元格内容用于选项的值和文本。你可能需要改变这一点,但从问题上看还不清楚
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() );
您可以使用jquery的每个函数:
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);
}
假设“tbl”是表的ID,“sel2”是要填充的select的ID。如果您不想排除第一行,则可以删除tr:gt0并将简单tr放入选择器表达式。向我们展示您到目前为止的情况以及遇到的问题。此外,还应包括表的示例源代码。使用tbody作为标题行应为项目中的TheAdministring an=assignment@redsquare我来这里是为了寻找类似的东西。如何为该值放置辅助数组?选项。推送+项目+@trobbins26对不起,我不明白你的意思-用于value@redsquare很抱歉我的最终目标是将表td:first-child传递给选项值,并将表td:nth-child2传递给选项内部html文本。谢谢,这让我了解了当前面临的问题。