在另一個選擇上刪除選定選項時重新生成select2選項

我正在使用select2，我在兩個選擇框中使用數組加載選項。當我從dropdown1中選擇一個選項時，dropdown2中的某些值應該被刪除。目前，我可以從dropdown2中刪除選項，但是我無法像在開始時一樣重新填充它們。另外，當我取消選擇下拉列表中的值時，所有值都應填入下拉列表2中，就像加載頁面時一樣。在另一個選擇上刪除選定選項時重新生成select2選項

下面是代碼：

var data = [{ id: 1, text: 'select' }, 
     { id: 2, text: 'A' }, 
     { id: 3, text: 'B' }, 
     { id: 4, text: 'C'}]; 

$('#select1').select2({data: data}).on(
       'change', 
       function() { 
          if(this.value== 1) 
          $('#select2').find('option[value=2]').remove(); 
          else 
          $('#select2').find('option[value=4]').remove(); 
          } 
         });

此代碼刪除選項，但是當我再次從選擇1選擇任何其他選項，這選項是不可見的。也有很多選項，頁面上有7-8個下拉菜單。這只是我想要做的一個例子。

任何幫助表示讚賞。尋找一個例子。

來源

2016-10-18 sourabh shinde

當您想要重新填充選項時，是否嘗試重新加載/重新初始化第二個下拉列表中的select2？

不知道這是否有幫助。

參考 - https://select2.github.io/examples.html $（「JS-示例數據陣列」。）SELECT2（{ 數據：數據 }）

當你從dropdown1取消選擇，在它的變化事件/功能喜歡你。可以嘗試 $（'＃select2'）。select2（{data：data}）;

來源

2016-10-20 07:16:23

我試過這個，但這並沒有幫助。 –

你可以嘗試清空下拉菜單並重新填充它嗎？特別事件。 –

頁面上有8個下拉菜單。每一個至少有5-6個選項。所以如果我這樣做會有很多jQuery代碼。這就是我想要的應該只是幾行代碼的原因。 –

在另一個選擇上刪除選定選項時重新生成select2選項

回答

相關問題