指定した値を選択したときにselect2を複数クリアする

Question

select2 multiple selectに以下のシナリオを実装しようとしています。

1. ユーザーは
2. ユーザーが
3. を選択し、以下のテキストをプレースホルダを持つ
4. 選択がクリーンアップを選択し、選択したすべての値に「いいえ必要なプログラム」を選択していないいくつかのオプションを選択します：「いいえ必要な機能」
ここで

は私のhtmlです：

<select multiple="multiple" name="transfer_posting[pap_facility_feature_ids][]" id="transfer_posting_pap_facility_feature_ids"><option value="No Required Features">No Required Features</option> 
    <option value="13">Pool</option> 
    <option value="15">Sauna</option> 
    <option value="16">Salon</option> 
    <option value="17">Massage</option> 
</select> 

とJavaScript：

ここ

$('#transfer_posting_pap_facility_feature_ids').select2({ 
    placeholder: 'Select Feature(s)', 
    allowClear: true 
}); 

$('#transfer_posting_pap_facility_feature_ids').on("select2:selecting", function(e) { 
    var selectedFeature = e.params.args.data.text 
    console.log(selectedFeature); 
    if (selectedFeature === 'No Required Features') { 
    $('#transfer_posting_pap_facility_feature_ids').val(null).trigger("change"); 

    $('#transfer_posting_pap_facility_feature_ids').select2({ 
     placeholder: 'No Required Features' 
    }); 

    } 
}); 

がjsのフィドルへのリンクです：http://jsfiddle.net/mxqc76e8/3/

どのように私は、このシナリオが機能するために自分のコードを更新する必要がありますか？

Answer 1

最新のコードを確認してください。 Updated Fiddle
はコードで、いくつかの条件を追加しましたビット
を変更し、それはあなた

$('#transfer_posting_pap_facility_feature_ids').select2({ 
    placeholder: 'Select Feature(s)', 
    allowClear: true 
}); 

$('#transfer_posting_pap_facility_feature_ids').on("select2:selecting", function(e) { 
    if ($("#transfer_posting_pap_facility_feature_ids option[value='No Required Features']:selected").length > 0){ 
    alert('No Required Feture is selected'); 
    exit; 
    } 
    var selectedFeature = e.params.args.data.text 
if (selectedFeature =='No Required Features') {  
    $('#transfer_posting_pap_facility_feature_ids').select2({ 
     placeholder: 'No Required Features' 
    }); 
    $('li.select2-selection__choice').remove(); 
    $('#transfer_posting_pap_facility_feature_ids').val(''); 
    } 
});