Chosen: जावास्क्रिप्ट के साथ चयनित मान सेट करें

मेरी शाखा का प्रयास करें (https://github.com/tompaton/chosen) यह आपके लिए इसे ठीक कर सकता है।

दुर्भाग्य से यह मेरे लिए काम नहीं करता है।

आपको परिवर्तन घटना को मैन्युअल रूप से ट्रिगर करने की आवश्यकता है (जहां तक ​​​​मुझे पता है, इसके आसपास कोई रास्ता नहीं है, जो परेशान है ...):

$("#single_example").val(2).trigger("change");

धन्यवाद, यह पूरी तरह से काम करता है!

मैंने उदाहरण दिया है कि आप त्रुटि के साथ दिखाते हैं, लेकिन जब मैं $("#single_example").val(2).trigger("change");
, मेरे पास सूची (चयनित मान) में कोई परिवर्तन नहीं है।
मैं प्लगइन के अंतिम संस्करण का उपयोग कर रहा हूं।
स्वागत करती है

आपको https://github.com/tompaton/chosen का उपयोग करने की आवश्यकता होगी, इसे हार्वेस्‍थक शाखा में विलय नहीं किया गया है।

हाँ यह tompaton शाखा का उपयोग करने के बाद आकर्षण की तरह काम करता है।

$("#single_example1").val(2);
$("#single_example2").val(3)
...
$("#single_example3").val(20);
$ ('. चुना')। ट्रिगर ('बदलें');

हाय दोस्तों, मैंने टॉमपेटन का कांटा डाउनलोड किया (https://github.com/tompaton/chosen) मैंने किया:
$("#single_example").val(2).trigger("change");
ए यह एक आकर्षण की तरह काम करता है
सलाह के लिए Thx :-)

मैं एक स्पष्ट सभी फ़ंक्शन लिखने की कोशिश कर रहा हूं और यह टॉमपेटन शाखा का उपयोग करके भी काम नहीं कर रहा है:
$(.state_list").val("").trigger("change");

मेरे पास एक खाली विकल्प है:
```

अलाबामा
अलास्का
एरिज़ोना
...
वेस्ट वर्जीनिया
विस्कॉन्सिन
व्योमिंग

Is there a way to totally remove all selections? Also how about selecting all?

क्षमा करें, मेरे पैच ने बहु-चयन बॉक्स को संबोधित नहीं किया, जिसकी आवश्यकता होगी
थोड़ा और कोड ...

शुक्र, 12 अगस्त, 2011 को पूर्वाह्न 1:50 बजे, MB34
उत्तर@reply.github.com
लिखा था:

मैं एक स्पष्ट सभी फ़ंक्शन लिखने की कोशिश कर रहा हूं और यह टॉमपेटन शाखा का उपयोग करके भी काम नहीं कर रहा है:
$(.state_list").val("").trigger("change");

मेरे पास एक खाली विकल्प है:


अलाबामा
अलास्का
एरिज़ोना
...
वेस्ट वर्जीनिया
विस्कॉन्सिन
व्योमिंग

क्या सभी चयनों को पूरी तरह से हटाने का कोई तरीका है? इसके अलावा सभी का चयन कैसे करें?

इस ईमेल का सीधे उत्तर दें या इसे GitHub पर देखें:
https://github.com/harvesthq/chosen/issues/31#issuecomment -1782941

तो क्या प्लगइन को पैच किए बिना ऐसा करने का कोई तरीका है?

ठीक है, तो पैचिंग के बिना बहु-चयन से सभी विकल्पों को साफ़ करना संभव है, यदि आप स्वयं को चुने हुए कार्यों के आंतरिक तरीके से लॉक करने के इच्छुक हैं:

// replace {select_id} below with the id of your <select> tag
$('#{select_id}_chzn .chzn-choices .search-choice a').click();

यह एकाधिक चयन में प्रत्येक चुने हुए आइटम पर निकालें "x" पर क्लिक करने का अनुकरण करेगा।

सभी विकल्पों का चयन करना भी संभव है (ड्रॉपडाउन में सभी उपलब्ध विकल्पों पर क्लिक करके):

$('#{select_id}_chzn .chzn-drop li').click();

इन ज़रूरतों को वास्तव में चुने हुए प्लगइन के तरीकों के रूप में जोड़ा जाना चाहिए।

ठीक है, यह सब स्पष्ट करने के लिए:

@pfiller ने इंगित किया है कि यह सब कुछ का उपयोग करके हार्वेस्ट/चुनी हुई शाखा में संभव है:

$("#single_example").val(2).trigger("liszt:updated");

कोड/दस्तावेज़ीकरण को पूरी तरह से नहीं पढ़ने के लिए मेरा बुरा। यह कई चुनिंदा बक्सों के लिए भी ठीक से काम करेगा।

एकाधिक चयन से सभी विकल्पों को साफ़ करने के साथ किया जा सकता है:

$('#{select_id}').val([]).trigger('liszt:updated');

मुझे लगता है कि मेरी पिछली टिप्पणी अभी भी सभी विकल्पों का चयन करने का एकमात्र तरीका है।

_ध्यान दें_ कि मेरा कांटा अब हार्वेस्‍थक के समान है/इस संबंध में चुना गया है, इसलिए बस इसका उपयोग करें और .trigger('change') सामान को अनदेखा करें।

आप में से जो प्रोटोटाइप एडेप्टर का उपयोग कर रहे हैं, उनके लिए आप वही काम कर सकते हैं:

  $(select_box_id).select('option[selected]').each(function(el){el.selected = false});
  Event.fire($(select_box_id), 'liszt:updated')

थोड़े क्लंकी लेकिन यह काम करता है। अगर ऐसा करने का कोई बेहतर तरीका है तो जानिए

मैं जिस समाधान का उपयोग करता हूं वह मूल स्रोत चयन पर चयनित विकल्प को बदलना है और फिर चुना गया पुनर्निर्माण करना है।

select.val(value);
select.chosen('destroy');
select.chosen({});

@roelvanduijnhoven @tompaton (या प्रोटोटाइप संस्करण के लिए @RyanS द्वारा दिया गया) की टिप्पणी में दिया गया समाधान बेहतर है क्योंकि यह मौजूदा चुने हुए तत्व को नष्ट करने और एक नया निर्माण करने के बजाय अद्यतन करता है

किसी कारण से @tompaton का समाधान मेरे मामले में काम नहीं कर रहा था। हालांकि इसमें ज्यादा प्रयास नहीं किया, तो शायद मैंने कुछ गलत किया।

@roelvanduijnhoven यदि आप 1.0 संस्करण का उपयोग कर रहे हैं, तो घटना अब chosen:updated है

धन्यवाद @stof , उसने चाल चली।

बस संदर्भ के लिए, jQuery का उपयोग करके गतिशील रूप से एक मान बदलना:

$("#single_example").val(2).trigger('chosen:updated');

और संदर्भ के लिए, यह प्रलेखित है: http://harvesthq.github.io/chosen/#change -update-events

क्षमा करें @roelvanduijnhoven , मेरी टिप्पणी किसी अन्य मुद्दे के लिए थी, मैंने अब इसे हटा दिया है। (जीमेल ने ईमेल को समूहीकृत किया था, और मैंने जवाब देकर टिप्पणी पोस्ट की थी)

बहुत - बहुत धन्यवाद! इस धागे ने मेरा दिन बचा लिया!
अंत में मेरे पास डिफ़ॉल्ट मानों के साथ बहु-चयन है :)

नमस्ते, मैं नया jQuery हूं और अभी डाउनलोड किया गया चुना है। मैं चुने हुए में एकाधिक मान कैसे सेट/प्राप्त करता हूं, इस बारे में उलझन में हूं।

मैं जो करने की कोशिश कर रहा हूं वह पेज लोड पर गतिशील रूप से विकल्प बना रहा है, फिर डिफ़ॉल्ट का चयन करने की आवश्यकता है

धन्यवाद
गुरिक

जीपीडीएचलियन:
इस का उपयोग करें
$('.chosen-select').val([1,2,3])। ट्रिगर ('चुना गया: अपडेट किया गया');

$ ("#id").val(id_value);
$ ("# आईडी")। चुना ('नष्ट');
$ ("# आईडी")। चुना ({});