顯示/隱藏選項

Question

我有我申請.select2()，之前，當它是一個共同的SELECT元素我用這個代碼來切換一個元素下拉元素：

$('#orders_nat_lives_in_ccs').click(function() { 
    $(".shipping_from option[value='MRW']").toggle(!this.checked); 
    $(".shipping_from option:eq(" + ((this.checked) ? 1 : 0) + ")").prop('selected', true); 

    $(".secure_shipping").toggle(this.checked); 
}); 

但這不適用於Select2什麼是使用這個庫的正確方法？

在這裏，你有一個Fiddle例子圍繞我所說的，首先下拉有.select2()申請和代碼不起作用，第二個是相同的，但沒有Select2和相同的代碼工程。

Answer 1

作爲選擇即使他們被隱藏的選項，我發現刪除和追加選項更容易。請找到下面的代碼

$('#orders_nat_lives_in_ccs').click(function() { 
    if(this.checked){ 
     $(".shipping_from option[value='MRW']").remove() 
     $(".shipping_from").select2("val", "DOMESA"); 
    }else{ 
     $(".shipping_from").prepend('<option value="MRW">MRW - COBRO EN DESTINO</option>'); 
     $(".shipping_from").select2("val", "MRW"); 

    } 
// $(".shipping_from option[value='MRW']").toggle(!this.checked); 
// $(".shipping_from option:eq(" + ((this.checked) ? 1 : 0) + ")").prop('selected', true); 
});