আমি ওলেগের সিলেক্ট 2 ডেমো ব্যবহার করছি তবে আমি অবাক হয়ে যাচ্ছি যে ড্রপডাউন মেনুতে বর্তমানে নির্বাচিত মানটি পরিবর্তন করা সম্ভব হবে কিনা।
উদাহরণস্বরূপ, যদি লোড হওয়া চারটি মানগুলি: "Any", "Fruit", "Vegetable", "Meat"এবং ড্রপডাউন তালিকার ডিফল্ট হয় "Any", তবে আমি কীভাবে "Fruit"জেকিগ্রিড ইভেন্টে এটি পরিবর্তন করতে সক্ষম হব loadComplete?
এটা কি সম্ভব?
উত্তর:
সিলেক্ট 2 সংস্করণ> = 4.0.0 এর জন্য
অন্যান্য সমাধানগুলি কাজ নাও করতে পারে, তবে নিম্নলিখিত উদাহরণগুলিতে কাজ করা উচিত।
$('select').val('1').trigger('change');$('select').val('1').trigger('change.select2');এর উদাহরণগুলির জন্য এই jsfiddle দেখুন । সমাধান 2 এর জন্য @ মিন্যালারে ধন্যবাদ।
বলুন মানুষের নাম সহ আমার একটি সেরা বন্ধু নির্বাচন করুন। সুতরাং বব, বিল এবং জন (উদাহরণ হিসাবে আমি ধরে নিচ্ছি মানটি নামের মতো)। প্রথমে আমি আমার নির্বাচনের মাধ্যমে সিলেক্ট 2 শুরু করি:
$('#my-best-friend').select2();এখন আমি ম্যানুয়ালি ব্রাউজারে বব নির্বাচন করুন। পরবর্তী বব দুষ্টু কিছু করে এবং আমি তাকে আর পছন্দ করি না। সুতরাং সিস্টেমটি আমার জন্য বব নির্বাচন করে:
$('#my-best-friend').val('').trigger('change');বা বলুন যে আমি সিস্টেমটিকে ববটির পরিবর্তে তালিকার পরবর্তীটি নির্বাচন করব:
// I have assume you can write code to select the next guy in the list
$('#my-best-friend').val('Bill').trigger('change'); সিলেক্ট 2 ওয়েবসাইটে নোটগুলি ( অবচয় এবং অপসারণের পদ্ধতিগুলি দেখুন ) যা অন্যদের জন্য কার্যকর হতে পারে:
.select2 ('val') "ভাল" পদ্ধতি অবমূল্যায়ন করা হয়েছে এবং সিলেক্ট ৪.১-এ সরানো হবে। অবহেলিত পদ্ধতিতে আর ট্রিগার চেঞ্জ প্যারামিটার অন্তর্ভুক্ত নেই।
পরিবর্তে অন্তর্নিহিত উপাদানটিতে আপনার সরাসরি .val কল করা উচিত। আপনার যদি দ্বিতীয় প্যারামিটারের প্রয়োজন হয় (ট্রিগার চেঞ্জ), তবে আপনাকে উপাদানটিতে .trigger ("পরিবর্তন") কল করতে হবে।
$('select').val('1').trigger('change'); // instead of $('select').select2('val', '1');changeইভেন্টটির সাথে কোনও কাস্টম ক্রিয়াকলাপ বাঁধা না থাকে (ফর্মটি পুনরায় লোড করার মতো)। অন্যথায় এই ক্রিয়াকলাপগুলি ট্রিগারযুক্ত হওয়ার পরে রিডোনজেন্টলি বলা হবে change()।
onChange)
মানটি পেতে / সেট করতে আপনি নীচেরটি নির্বাচন করুন 2 নির্বাচন করুন doc
$("#select").select2("val"); //get the value
$("#select").select2("val", "CA"); //set the value@ পাইপাইপস নির্দেশ করেছে যে এটি 4.x এর পরিবর্তিত হয়েছে (তাকে নীচে একটি উত্সাহিত টস করুন)। valএখন সরাসরি বলা হয়
$("#select").val("CA");
সুতরাং loadCompletejqGrid এর মধ্যে আপনি যে মানটি সন্ধান করছেন তা পেতে পারেন তারপরে নির্বাচনবক্স মানটি সেট করুন।
দস্তাবেজগুলি থেকে বিজ্ঞপ্তি
লক্ষ্য করুন যে এই পদ্ধতিটি ব্যবহার করার জন্য আপনাকে অবশ্যই অপশনগুলিতে initSeration ফাংশনটি সংজ্ঞায়িত করতে হবে সুতরাং নির্বাচন 2 জেনে নিন যে আপনি ভাল () তে পাস করা অবজেক্টের আইডিটি কীভাবে পূর্ণ রচনা নির্বাচন করতে হবে তা রূপান্তর করতে হবে it আপনি যদি কোনও নির্বাচিত উপাদানকে সংযুক্ত করছেন তবে এই ফাংশনটি ইতিমধ্যে আপনার জন্য সরবরাহ করা হয়েছে।
valকলটি কীভাবে পরিচালনা করতে হয় তা এটি জানে ।
<select>যেখানে রূপান্তরিত select2ক্লাসের existense পরীক্ষার দ্বারা নিয়ন্ত্রণ select2-offscreenউপর <select>। অনুসন্ধান সরঞ্জামদণ্ডের সমস্ত উপাদানগুলির আইডি রয়েছে যা gs_উপসর্গ দিয়ে শুরু হয় এবং নামটির মতো থাকে colModel। আপনি পেতে ব্যবহার getGridParamকরতে পারেন colModel।
select2নির্বাচন করে পুনরায় তৈরি করার পরে এটি সেট করার আমার একটি উপায় দরকার । আমি আজ অন্য চেহারা নেব, সম্ভবত তাজা চোখ দিয়ে আমি এটি ঠিক করতে পারি। আবার ধন্যবাদ. আপডেট: কোডটি একটি বুলিয়ান চেকের মধ্যে মুড়িয়ে দেওয়ার ফলে আমার যে সমস্যাটি ছিল তা স্থির হয়েছে, যদিও এটি পূর্ববর্তী উপাদানটি আবার বাছাইয়ের পরিবর্তে অনুসন্ধান বারকে সতেজ করা বন্ধ করে দিয়েছে।
this.$("#yourSelector").select2("data", { id: 1, text: "Some Text" });এটি সাহায্য করা উচিত।
আপনি যদি নতুন যুক্ত করতে চান value='newValue'এবং text='newLabel', আপনার এই কোডটি যুক্ত করা উচিত:
এতে নতুন বিকল্প যুক্ত করুন <select>:
var opt = "<option value='newValue' selected ='selected'>" + newLabel+ " </option>";
$(selLocationID).html(opt);<select>নির্বাচিত মানটিতে ট্রিগার পরিবর্তন:
$(selLocationID).val('newValue').trigger("change");আপনার দুটি বিকল্প রয়েছে - @ জলপাইপের উত্তর অনুসারে আপনি নিম্নলিখিতটি করতে পারেন।
$(element).val(val).trigger('change');পরিবর্তিত ইভেন্টের সাথে যদি কোনও কাস্টম ক্রিয়াকে আবদ্ধ না করে তবেই এটি একটি গ্রহণযোগ্য সমাধান। এই পরিস্থিতিতে আমি যে সমাধানটি ব্যবহার করি তা হ'ল একটি সিলেক্ট 2 সুনির্দিষ্ট ইভেন্টকে ট্রিগার করা যা সিলেক্ট 2 প্রদর্শিত নির্বাচনের আপডেট করে।
$(element).val(val).trigger('change.select2');একটি স্ট্রিং বিকল্পটি একটি সিলেক্ট 2 এ নির্বাচিত করতে কিছু সমস্যা হচ্ছে:
বিকল্পটির সাথে: "বিকল্প স্ট্রিং 1 / বিকল্প" ব্যবহৃত:
$('#select').val("string1").change(); একটি মান সহ একটি বিকল্পের সাথে বাট করুন: বিকল্প মান "E" স্ট্রিং 1 / বিকল্প:
$('#select').val("E").change(); // you must enter the Value instead of the stringআশা করি এটি একই সমস্যার সাথে লড়াই করা কাউকে সহায়তা করে।
আপনি যদি একক মান নির্বাচন করতে চান তবে ব্যবহার করুন
$('#select').val(1).change()
আপনি যদি একাধিক মান নির্বাচন করতে চান তবে অ্যারেতে মান সেট করুন যাতে আপনি এই কোডটি ব্যবহার করতে পারেন
$('#select').val([1,2,3]).change()
ভি 4 সিলেক্ট 2 এর জন্য আপনি যদি সিলেক্ট 2 এর মান এবং ড্রপ ডাউনের পাঠ্য উপস্থাপনা উভয়ই পরিবর্তন করতে চান।
var intValueOfFruit = 1;
var selectOption = new Option("Fruit", intValueOfFruit, true, true);
$('#select').append(selectOption).trigger('change');এটি কেবল পর্দার পিছনে মানটিই নয় নির্বাচন করুন 2 এর জন্য পাঠ্য প্রদর্শনও সেট করবে।
Https://select2.github.io/announcements-4.0.html#removed- পদ্ধতিগুলি থেকে তোলা
আমার প্রত্যাশিত কোড:
$('#my-select').val('').change();নিখুঁতভাবে কাজ করা ব্যবহারকারীর জন্য @ পানপাইপসকে ধন্যবাদ জানায়।
এটা কর
$('select#id').val(selectYear).select2();আপনার যদি অজ্যাক্স ডেটা উত্স থাকে তবে দয়া করে এটি বিনামূল্যে বাগের জন্য উল্লেখ করুন
https://select2.org/programmatic-control/add-select-clear-items
// নির্বাচন 2 নিয়ন্ত্রণ সেট আপ করুন
$('#mySelect2').select2({
ajax: {
url: '/api/students'
}
});// পূর্বনির্ধারিত আইটেমটি আনুন এবং নিয়ন্ত্রণে যুক্ত করুন
var studentSelect = $('#mySelect2');
$.ajax({
type: 'GET',
url: '/api/students/s/' + studentId
}).then(function (data) {
// create the option and append to Select2
var option = new Option(data.full_name, data.id, true, true);
studentSelect.append(option).trigger('change');
// manually trigger the `select2:select` event
studentSelect.trigger({
type: 'select2:select',
params: {
data: data
}
});
});আপনি যদি ড্রপ ডাউন তালিকা থেকে পাঠ্যটি জানেন এবং মানটি জানেন না এমন সময় আপনি যদি একটি নির্বাচিত আইটেম সেট করতে চান তবে এখানে একটি উদাহরণ রয়েছে:
বলুন যে আপনি একটি সময় অঞ্চল নির্ধারণ করেছেন time_zone_idএবং সেট করতে চান তবে তাদের মধ্যে মান রয়েছে ।
var timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
var $select2 = $('#time-zone');
var selected = $select2.find("option:contains('"+timeZone+"')").val();
$select2.val(selected).trigger('change.select2'); // Set up the Select2 control
$('#mySelect2').select2({
ajax: {
url: '/api/students'
}
});
// Fetch the preselected item, and add to the control
var studentSelect = $('#mySelect2');
$.ajax({
type: 'GET',
url: '/api/students/s/' + studentId
}).then(function (data) {
// create the option and append to Select2
var option = new Option(data.full_name, data.id, true, true);
studentSelect.append(option).trigger('change');
// manually trigger the `select2:select` event
studentSelect.trigger({
type: 'select2:select',
params: {
data: data
}
});
});আপনি মান সেট করার জন্য সহজভাবে গেট / সেট পদ্ধতিটি ব্যবহার করতে পারেন
$("#select").select2("val"); //get the value
$("#select").select2("val", "CA"); //set the valueঅথবা আপনি এটি করতে পারেন:
$('#select').val("E").change(); // you must enter the Value instead of the string