javascript - 按表列默认选择选项(使用 Javascript)

Question

我即将在一个包含三个 select 的表中执行大量数据输入选项分为三列。

我想要第一个 select默认选择第一个选项； 第二 select默认选择第二个选项；和第三 select默认情况下选择第三个选项。

类似于:

     Select 1   | Select 2   | Select 3    
    ------------+------------+-------------
     *Option A* | Option A   | Option A    
     Option B   | *Option B* | Option B    
     Option C   | Option C   | *Option C*  

每次选择时默认选择的选项。

问题是每个select有自己的ID，有很多页面和500多个不同的选择...每个select在列内 <td>我认为我可以向每一列添加一个唯一的 ID(无论有多少页，以具有三个唯一 ID 的三列结尾)

我真的不知道如何实现这一目标；我想知道是否有人可以提出可能的解决方案或方向，以便我可以更详细地了解。

感谢您的宝贵时间， 问候

Answer 1

您可以定位 selectedIndex javascript 属性，并通过可递增的变量选择选项。这样，您就不必为每个选择分配单独的 ID。

var i = 0;
    $('select').each(function()
    {
       $(this)[0].selectedIndex = i;
       i++;
    });

工作示例:https://jsfiddle.net/4m18yzx6/

要在 td 内选择它们，

$('table tr td').each(function()
{
   var i = 0;
   $(this).find('select').each(function()
   {
     $(this)[0].selectedIndex = i;
     i++;
   }) 
});

示例:https://jsfiddle.net/4m18yzx6/1/