按表列默認選擇選項（使用Javascript）

我即將在一個表中執行一個巨大的數據輸入，其中三個select選項除以三列。按表列默認選擇選項（使用Javascript）

我想有首先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）

我真的不知道如何實現這一點;我想知道是否有人可以想出一個可能的解決方案或方向，以便我可以更詳細地看看。

謝謝您的時間，問候

來源

2016-04-11 Daniel Felipe

每個'select'的名稱也是唯一的（它是一樣ID）... –

您可以定位selectedIndex javscript屬性以增量方式預先選擇索引。 $（'select'）。each（function（）{$（this）[0] .selectedIndex = i}）; – DinoMyte

您可以定位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/

來源

2016-04-11 19:03:03 DinoMyte

你好。它工作完美，正是我所期待的！。我感謝你的時間;但我想知道我怎麼能讓它在這裏運行，實際的html表格：https://jsfiddle.net/25c0fvcy/1/名爲「成績」的列應該留空，因爲它是默認情況下;並在這些'select'字段之前，還有其他一些字段，所以我認爲我必須在'div'中包含該表）。 **如果你不能/不會這樣做，我完全理解！** –

你只需要排除每個tr中的前兩個td。在這裏修正：https：//jsfiddle.net/25c0fvcy/2/ – DinoMyte

其實，你只需要跳過第一個選擇，然後在後面的選項上設置屬性。這是正確的版本：https://jsfiddle.net/25c0fvcy/3/ – DinoMyte

按表列默認選擇選項（使用Javascript）

回答

相關問題