বুটস্ট্র্যাপ থেকে সিলেক্ট পিকার প্লাগইন ব্যবহার করে কীভাবে নির্বাচিত মান সেট করা যায়

Question 1

আমি বুটস্ট্র্যাপ-নির্বাচন প্লাগইনটি এর মতো ব্যবহার করছি :

এইচটিএমএল :

<select name="selValue" class="selectpicker">
   <option value="1">Val 1</option>
   <option value="2">Val 2</option>
   <option value="3">Val 3</option>
   <option value="4">Val 4</option>
</select>

জাভাস্ক্রিপ্ট :

$('select[name=selValue]').selectpicker();

বোতাম ক্লিক করা হলে আমি এই নির্বাচনের জন্য নির্বাচিত মানটি সেট করতে চাই ... এরকম কিছু:

$('#mybutton').click(function(){
   $('select[name=selValue]').val(1);
});

তবে কিছুই হয় না।

আমি কীভাবে এটি অর্জন করতে পারি?

Question 2

মানটি সঠিকভাবে নির্বাচিত হয়েছে, তবে আপনি এটি দেখতে পেলেন না কারণ প্লাগইনটি আসল নির্বাচনকে আড়াল করে এবং একটি আনর্ডারড তালিকার সাহায্যে একটি বোতাম দেখায়, সুতরাং আপনি যদি চান যে ব্যবহারকারী নির্বাচনের উপরে নির্বাচিত মানটি দেখতে পান তবে আপনি এটির মতো কিছু করতে পারেন :

//Get the text using the value of select
var text = $("select[name=selValue] option[value='1']").text();
//We need to show the text inside the span that the plugin show
$('.bootstrap-select .filter-option').text(text);
//Check the selected attribute for the real select
$('select[name=selValue]').val(1);

সম্পাদনা করুন:

@ ব্লুশ্র্ট পয়েন্ট দেখায়, এর মতো আরও ভাল সমাধান হ'ল:

$('select[name=selValue]').val(1);
$('.selectpicker').selectpicker('refresh')

সম্পাদনা 2:

একাধিক মান নির্বাচন করতে, মানগুলি অ্যারে হিসাবে পাস করুন।

Question 3

$('select[name=selValue]').val(1);
$('.selectpicker').selectpicker('refresh');

আপনার যা করা দরকার তা এটিই। সরাসরি সিলেক্ট পিকারের উত্পন্ন এইচটিএমএল পরিবর্তন করার দরকার নেই, কেবল লুকানো নির্বাচন ক্ষেত্রটি পরিবর্তন করুন এবং তারপরে নির্বাচককে কল করুন ('রিফ্রেশ')।

Question 4

$('.selectpicker').selectpicker('val', YOUR_VALUE);

Question 5

রিফ্রেশ করার প্রয়োজন হয় যদি "Val" -parameter মান সেট করার জন্য ব্যবহার করা হয়, বেহালার দেখুন । একাধিক নির্বাচিত মান সক্ষম করতে মানটির জন্য বন্ধনী ব্যবহার করুন।

$('.selectpicker').selectpicker('val', [1]);

Question 6

$('#mybutton').click(function(){
   $('select[name=selValue]').val(1);
   $('select[name=selValue]').change();
});

এটি আমার পক্ষে কাজ করেছে।

Question 7

প্রকৃতপক্ষে আপনার মান সেট করা থাকলেও আপনার নির্বাচকটি রিফ্রেশ হয়নি

আপনি যেমন ডকুমেন্টেশন থেকে পড়তে পারেন
https://silviomoreto.github.io/bootstrap-select/methods/#selectpickerval

এটি করার সঠিক উপায় হবে

$('.selectpicker').selectpicker('val', 1);

একাধিক মানগুলির জন্য আপনি মানগুলির অ্যারে যুক্ত করতে পারেন

$('.selectpicker').selectpicker('val', [1 , 2]);

Question 8

$('selector').selectpicker('val',value);

নির্বাচকের পরিবর্তে আপনি নির্বাচককে ক্লাস বা আইডি হিসাবে উদাহরণস্বরূপ দিতে পারেন: $('#mySelect').selectpicker('val',your_value)

Question 9

উপাদানটিতে ভাল পদ্ধতিটি কল করে আপনি নির্বাচিত মানটি সেট করতে পারেন।

$('.selectpicker').selectpicker('val', 'Mustard');
$('.selectpicker').selectpicker('val', ['Mustard','Relish']);

এটি একটি বহু-নির্বাচিত সমস্ত আইটেম নির্বাচন করবে।

$('.selectpicker').selectpicker('selectAll');

বিশদে সাইটে উপলব্ধ: https://silviomoreto.github.io/bootstrap-select/methods/

Question 10

var bar= $(#foo).find("option:selected").val();

Question 11

$('.selectpicker').selectpicker("val", "value");

Question 12

বিকল্পগুলির জন্য যখন আপনার কাছে "হার্ড কোডড" মান নেই (যেমন 1, 2, 3, 4 ইত্যাদি) ব্লাশর্টের উত্তরের একটি সামান্য প্রকরণ

ধরা যাক আপনি <select>কয়েকটি ব্যবহারকারীর জিইউইডিএস হিসাবে বিকল্পগুলির মানগুলি রেন্ডার করুন। তারপরে আপনাকে এটিকে সেট করার জন্য বিকল্পটির মানটি একরকম বের করতে হবে <select>।

নিম্নলিখিতটিতে আমরা নির্বাচনের প্রথম বিকল্পটি নির্বাচন করি।

এইচটিএমএল :

<select name="selValue" class="selectpicker">
   <option value="CD23E546-9BD8-40FD-BD9A-3E2CBAD81A39">Dennis</option>
   <option value="4DDCC643-0DE2-4B78-8393-33A716E3AFF4">Robert</option>
   <option value="D3017807-86E2-4E56-9F28-961202FFF095">George</option>
   <option value="991C2782-971E-41F8-B532-32E005F6A349">Ivanhoe</option>
</select>

জাভাস্ক্রিপ্ট :

// Initialize the select picker.
$('select[name=selValue]').selectpicker();

// Extract the value of the first option.
var sVal = $('select[name=selValue] option:first').val();

// Set the "selected" value of the <select>.
$('select[name=selValue]').val(sVal);

// Force a refresh.
$('select[name=selValue]').selectpicker('refresh');

আমরা একাধিক কীওয়ার্ড সহ একটি নির্বাচনে এটি ব্যবহার করেছি <select multiple>। এক্ষেত্রে ডিফল্ট হিসাবে কিছুই নির্বাচিত হয় না, তবে আমরা প্রথম আইটেমটি সর্বদা নির্বাচিত হওয়া চাই।

Question 13

@ ব্লুশ্র্টের দুর্দান্ত উত্তরের ভিত্তিতে আমি এই প্রতিক্রিয়াটি আপডেট করব। শুধু ব্যবহার -

$("#Select_ID").val(id);

আপনি যদি নির্বাচিতের কাছে প্রয়োজনীয় সমস্ত কিছু প্রিললোড করে থাকেন তবে কাজ করে।

Question 14

$('.selectpicker').selectpicker('val', '0');

আপনি যে আইটেমটি নির্বাচন করতে চান তার মান '0' হওয়ার সাথে

Question 15

ওয়েল অন্য উপায় এটা করতে সঙ্গে, হয় এই কীওয়ার্ডটি আপনি কেবল বস্তুর পেতে পারেন এই এবং এটি মূল্য নিপূণভাবে। যেমন:

$("select[name=selValue]").click(
    function() {
        $(this).val(1);
    });

Question 16

এছাড়াও, আপনি কেবল এটি বহু-মান জন্য কল করতে পারেন

$(<your select picker>).selectpicker("val", ["value1", "value2"])

আপনি এখানে আরও জানতে পারেন https://developer.snapapp অ্যাপয়েন্টমেন্ট ments.com/bootstrap-select/methods/

Question 17

$('.selectpicker option:selected').val();

কেবলমাত্র অপশন রাখুন: মান পেতে নির্বাচিত, কারণ বুটস্ট্র্যাপ সিলেক্ট পিকচারটি পরিবর্তিত হয় এবং ডিফেরেন্ট উপায়ে উপস্থিত হয়। তবে সেখানে নির্বাচিত এখনও নির্বাচন করুন

Question 18

এলিমেন্টের জন্য ইউজার আইডি, তারপরে

document.getElementById('selValue').value=Your Value;
$('#selValue').selectpicker('refresh');

Question 19

এটি ব্যবহার করুন এবং এটি কাজ করবে:

 $('select[name=selValue]').selectpicker('val', 1);