jQuery चयन 2

Question

का उपयोग कर साफ़ ड्रॉपडाउन मैं शानदार Select2 लाइब्रेरी का उपयोग करके प्रोग्राम को एक ड्रॉप डाउन साफ़ करने की कोशिश कर रहा हूं। चयनविकल्प का उपयोग कर ड्रॉप डाउन को दूरस्थ अजाक्स कॉल से गतिशील रूप से भर दिया गया है।

HTML:

<input id="remote" type="hidden" data-placeholder="Choose Something" /> 

जावास्क्रिप्ट:

 var $remote = $('#remote'); 

     $remote.select2({ 
      allowClear: true, 
      minimumInputLength: 2, 
      query: function(options){ 
       $.ajax({ 
        dataType: 'json', 
        url: myURL + options.term, 
        error: function(jqXHR, textStatus, errorThrown){ 
         smoke.alert(textStatus + ": server returned error on parsing arguments starting with " + options.term); 
        }, 
        success: function(data, textStatus, jqXHR){ 
         var results = []; 
         for(var i = 0; i < data.length; ++i){ 
          results.push({id: data[i].id, text: data[i].name}); 
         } 

         options.callback({results: results, more: false}); 
        } 
       }); 
      } 
     }); 

दुर्भाग्य से, $remove.select2('val', '') के आह्वान के बाद अपवाद फेंकता है:

Uncaught Error: cannot call val() if initSelection() is not defined 

मैं attr स्थापित करने की कोशिश की है, की स्थापना val, text और चयन करें 2 विशिष्ट data फ़ंक्शन। ऐसा लगता है कि आदमी को रेडियो बटन में स्पष्ट और काम करने की प्रतीत नहीं होती है। किसी को भी सुझाव मिल गया?

Answer 1

यह मेरे लिए काम करता है:

$remote.select2('data', {id: null, text: null}) 

यह भी jQuery के साथ काम करता है जब आप स्पष्ट इसे सत्यापित करने में कि जिस तरह से।

- संपादित 2013-04-09

इस प्रतिक्रिया लिखने के समय, यह एक ही रास्ता था। हाल के पैच के साथ, अब एक उचित और बेहतर तरीका उपलब्ध है।

$remote.select2('data', null) 

Answer 2

यह उचित है, select2 चयनित मूल्य को साफ़ करेगा और प्लेसहोल्डर को वापस दिखाएगा।

$remote.select2('data', null) 

Answer 3

Select2 संस्करण के मामले में 4

यह वाक्य विन्यास बदल गया और आप इस तरह लिखने की ज़रूरत:

// clear all option 
$('#select_with_blank_data').html('').select2({data: [{id: '', text: ''}]}); 

// clear and add new option 
$("#select_with_data").html('').select2({data: [ 
{id: '', text: ''}, 
{id: '1', text: 'Facebook'}, 
{id: '2', text: 'Youtube'}, 
{id: '3', text: 'Instagram'}, 
{id: '4', text: 'Pinterest'}]}); 

Answer 4

आप इस छोटे से संकेतन का उपयोग कर सकते हैं Select2 संस्करण 4 का उपयोग करना:

$('#remote').html('').select2({data: {id:null, text: null}}); 

यह नल आईडी और टेक्स्ट के साथ एक जेसन सरणी बनाता है जो सृजन पर चयन 2 पर है लेकिन पहले,के साथपहले संग्रहीत परिणामों को खाली करता है।

Answer 5

लिए Select2 संस्करण 4 आसानी से इस का उपयोग करें:

success: function(data, textStatus, jqXHR){ 
    $('#remote').change(); 
       } 

Answer 6

:

$('#remote').empty(); 

ajax कॉल के साथ चयन तत्व को आबाद करने के बाद, आप कोड की इस पंक्ति सफलता अनुभाग में अद्यतन करने के लिए सामग्री की आवश्यकता हो सकती मुझे जवाब मिला (उपयोगकर्ता 780178 पर प्रशंसा) मैं इस अन्य प्रश्न में देख रहा था:

Reset select2 value and show placeholdler

$("#customers_select").select2("val", ""); 

Answer 7

ये दोनों मेरे लटकती स्पष्ट करने के लिए काम करते:

.select2('data', null) 
.select2('val', null) 

लेकिन महत्वपूर्ण नोट: मान रीसेट नहीं होता है, .val() पहला विकल्प वापस आ जाएगी, भले ही यह चयनित नहीं है । मैं चयन 2 3.5.3

Answer 8

विधि प्रस्तावित @Lelio Faieta मेरे लिए काम कर रहा है, लेकिन क्योंकि मैं bootstrap theme का उपयोग करता हूं, यह चयन 2 के लिए सभी बूटस्ट्रैप सेटिंग्स को हटा देता है। इसलिए मैं कोड निम्नलिखित प्रयोग किया है:

$("#remote option").remove(); 

Answer 9

आप का उपयोग करना चाहिए यह एक:

$('#remote').val(null).trigger("change"); 

Answer 10

मैं देर से एक छोटे से हूँ, लेकिन यह है कि क्या पिछले संस्करण (4.0.3) में काम कर रहा है है:

$('#select_id').val('').trigger('change'); 

Answer 11

चूंकि उनमें से कोई भी मेरे लिए काम नहीं करता है (चयन 2 4.0.3) std select way चला गया है।

$remote.select2.val(''); 
$remote.select2.html(''); 
selectedValues = []; // if you have some variable where you store the values 
$remote.select2.trigger("change"); 

कृपया ध्यान दें कि हम प्रारंभिक प्रश्न के आधार पर Select2 का चयन करें:

for(var i = selectbox.options.length - 1 ; i >= 0 ; i--) 
    selectbox.remove(i); 

Answer 12

> 4.0 से आदेश वास्तव में Select2 आप निम्न कार्य करने होंगे साफ करने के लिए में

। आपके मामले में शायद आप चयन 2 का चयन एक अलग तरीके से करेंगे।

उम्मीद है कि यह मदद करता है।