2015-07-03 80 views
-3

爲禁用選項IM:多重選擇,禁用選項

function handleSelection(source, dest) { 
 
    
 
    itemRemove = dest.length - source.selectedIndex; 
 
    for(i=dest.length-1; i>=itemRemove; i--){ 
 
     dest.options[i].disabled = true; 
 
    } 
 
}
<select id="s1" onchange="handleSelection(this, s2)"> 
 
    <option value="0">0</option> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
</select> 
 
<select id="s2" onchange="handleSelection(this, s1)"> 
 
    <option value="0">0</option> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
    <option value="3">3</option> 
 
    <option value="4">4</option> 
 
</select>

但這項工作只有2選擇。我需要這個工作與多個選擇。 謝謝!

+1

我不明白? – Liam

+0

<選擇多個....> – jeff

回答

0

我不確定你想做什麼,如果你接近是好的,但嘗試我的代碼。它將工作

function handleSelection(source, destArr) { 
    for(dest in destArr){} 
     itemRemove = dest.length - source.selectedIndex; 
     for(i=dest.length-1; i>=itemRemove; i--){ 
      dest.options[i].disabled = true; 
     } 
    } 
} 

<select id="s1" onchange="handleSelection(this, [s2,s3,s5])"> 
    <option value="0">0</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 
<select id="s2" onchange="handleSelection(this, [s6,s7,s8])"> 
    <option value="0">0</option> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
</select> 
0

在我的腳本中,在第一選擇選擇用於實施例2中,第二清除4和3,然後保持在1和2(4 - 2 = 2)。它運作良好,但現在我可以做同樣的工作與最選擇

相關問題