如果選擇特定的值與選擇2

正如你可以看到我有與選擇2（多）選擇功能選擇框，有些選項像如果選擇特定的值與選擇2

<option value="All"> All </option> 
<option value="[email protected]"> User 1</option> 
<option value="[email protected]"> User 2 </option> 
<option value="[email protected]"> User 3 </option>

的是，儘量不要讓選擇其他選項，如果我從選擇框中選擇選項All，然後選擇框劑量不允許我從給定選項中選擇其他選項，除非我刪除它。

我想限制用戶選擇要麼選擇All或選擇從選項的多個用戶。

我準備使用jQuery或JavaScript來實現這一目標。

來源

2016-11-09 Punit Gajjar

嘗試HTML'disabled'屬性。 – Xorifelse

戰勝飢餓國家聯盟，我不想禁用，如果他選擇全部，然後再後，他儘量選擇用戶則應全部被刪除，選擇的選項應與允許多個功能 –

你認爲你其實可以只用HTML做這個選擇？我再說一次，在選擇'all'時禁用所有其他選項，當重新選擇刪除禁用的屬性哦，是的，你需要JavaScript。 – Xorifelse

Working fiddle。

選項All呈現時，您可以設置進行選擇，以全價值：

$("#my-select").select2(); 

$("#my-select").on('change', function(){ 
    var selected = $(this).val(); 

    if(selected != null) 
    { 
     if(selected.indexOf('All')>=0){ 
      $(this).val('All').select2(); 
     } 
    } 
})

希望這有助於。

$("#my-select").select2(); 
 

 
$("#my-select").on('change', function(){ 
 
    var selected = $(this).val(); 
 

 
    if(selected != null) 
 
    { 
 
    if(selected.indexOf('All')>=0){ 
 
     $(this).val('All').select2(); 
 
    } 
 
    } 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.min.js"></script> 
 

 
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.2/select2.css" rel="stylesheet"/> 
 

 
<select multiple id="my-select" style="width:300px"> 
 
    <option value="All"> All </option> 
 
    <option value="[email protected]"> User 1</option> 
 
    <option value="[email protected]"> User 2 </option> 
 
    <option value="[email protected]"> User 3 </option> 
 
</select>

來源

2016-11-09 10:15:50

如果選擇特定的值與選擇2

回答

相關問題