হ্যালো বন্ধুরা এটি আমার কোড:
<select id='first'>
<option value='1'> First </option>
<option value='2'> Second </option>
<option value='3'> Three </option>
</select>
এটি আমার সিলেক্ট কোড:
$("#first").select2();
নির্বাচিত মান পাওয়ার জন্য নীচে কোড রয়েছে।
$("#first").select2('val'); // It returns first,second,three.
এটি যেমন একটি পাঠ্য ফিরে আসে first,second,threeএবং আমি পেতে চাই 1,2,3।
মানে আমার পাঠ্য নয়, নির্বাচন করা বাক্সের মান দরকার।
উত্তর:
$("#first").val(); // this will give you value of selected element. i.e. 1,2,3.
নির্বাচন করুন উপাদান আপনি পেতে পারেন পেতে $('#first').val();
নির্বাচিত মানটির পাঠ্য পেতে - $('#first :selected').text();
আপনি দয়া করে আপনার select2()ফাংশন কোড পোস্ট করতে পারেন
$('#first :selected').text();অন্য বিকল্পটি ব্যবহার করতে হয়েছিল সমস্ত সম্ভাব্য বিকল্পগুলি ফিরিয়ে আনা হয়েছিল।
$("#first").select2('data') সমস্ত ডেটা মানচিত্র হিসাবে ফিরিয়ে দেবে
আপনি যদি এজাক্স ব্যবহার করছেন তবে আপনি নির্বাচনের পরে সিলেক্টের আপডেটের মানটি পেতে পারেন ।
//Part 1
$(".element").select2(/*Your code*/)
//Part 2 - continued
$(".element").on("select2:select", function (e) {
var select_val = $(e.currentTarget).val();
console.log(select_val)
});
ক্রেডিট: স্টিভেন-জনস্টন
currentTargetথেকে এসেছে? আপনার আইডি / নামের কোনও উদাহরণ প্রশ্নের সাথে সম্পর্কিত নয়। সুতরাং আমি কোথাও সম্পর্কিত করতে পারি না।
এই সমাধান আপনাকে নির্বাচনের উপাদানটি ভুলে যাওয়ার অনুমতি দেয়। যখন আপনার নির্বাচিত উপাদানগুলির আইডি না থাকে তখন সহায়ক।
$("#first").select2()
.on("select2:select", function (e) {
var selected_element = $(e.currentTarget);
var select_val = selected_element.val();
});
সহজ উত্তর:
$('#first').select2().val()
এবং আপনি এইভাবে লিখতে পারেন:
$('#first').val()
এটা চেষ্টা কর :
$('#input_id :selected').val(); //for getting value from selected option
$('#input_id :selected').text(); //for getting text from selected option
এই ঝাঁকুনি দেখুন ।
মূলত, আপনি নিজের- ট্যাগগুলির valueএস পেতে চান optionতবে আপনি সর্বদা আপনার selectনোডের সাথে মানটি পাওয়ার চেষ্টা করেন $("#first").val()।
সুতরাং আমাদের অপশন-ট্যাগগুলি নির্বাচন করতে হবে এবং আমরা jQuerys নির্বাচনকারীদের ব্যবহার করব:
$("#first option").each(function() {
console.log($(this).val());
});
$("#first option")optionআইডি সহ উপাদানগুলির একটি শিশু যা প্রত্যেকটি নির্বাচন করে first।
উপরের সমাধানগুলি সর্বশেষ সিলেক্ট 2 (4.0.13) দিয়ে আমার পক্ষে কাজ করে নি
JQuery এর সাহায্যে আপনি ডকুমেন্টেশন অনুযায়ী মানটি পুনরুদ্ধার করতে এই সমাধানটি ব্যবহার করতে পারেন: https://select2.org/programmatic-control/retrieving-seferences
$('#first').find(':selected').val();
অন্যান্য উত্তর আমার পক্ষে কাজ করছে না তাই আমি সমাধানটি বিকাশ করেছি:
আমি সহজ টার্গেটের জন্য ক্লাস = "অপশন-আইটেম" দিয়ে বিকল্প তৈরি করেছি
এইচটিএমএল:
<select id="select-test">
<option value="5-val" id="first-id" class="option-item"> First option </option>
</select>
তারপরে প্রতিটি নির্বাচিত বিকল্পের জন্য আমি কোনও সম্পত্তিই প্রদর্শন করি না
সিএসএস:
option:checked {
display: none;
}
এখন আমরা আমাদের সিলেক্টবক্সে পরিবর্তন যুক্ত করতে পারি যাতে সাধারণ : লুকানো অ্যাট্রিবিউট দ্বারা কোনও কিছুই সম্পত্তি প্রদর্শন না করে আমাদের নির্বাচিত বিকল্পটি খুঁজে পাওয়া যায়
জিকুয়েরি:
$('#select-test').change(function(){
//value
$('#select-test').find('.option-item:hidden').val();
//id
$('#select-test').find('.option-item:hidden').attr('id');
//text
$('#select-test').find('.option-item:hidden').text();
});
ফিডিং কাজ করছে: https://jsfiddle.net/Friiz/2dk4003j/10/
সমাধান:
var my_veriable = $('#your_select2_id').select2().val();
var my_last_veriable = my_veriable.toString();