表列的默认选择选项(使用Javascript)

时间:2016-04-11 18:56:52

标签: javascript jquery

我即将在一个表中执行大量数据输入,其中有三个select选项除以三列。

我希望 First select默认选中第一个选项; Second 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结束)

我真的不知道如何实现这个目标;我想知道是否有人能想出一个可能的解决方案或方向,以便我可以更详细地看一下。

感谢您的时间, 此致

1 个答案:

答案 0 :(得分: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/