JQuery এ একটি নির্বাচিত ট্যাগে বিকল্প ট্যাগগুলির সংখ্যা গণনা

159

কীভাবে আমি jQuery ব্যবহার করে <option>কোনও <select>ডিওএম এলিমেন্টের এস এর সংখ্যা গণনা করব ?

<select data-attr="dropdown" id="input1">
  <option value="Male" id="Male">Male</option>
  <option value="Female" id="Female">Female</option>
</select>

আমি ডিওএম উপাদানটিতে <option>ট্যাগগুলির সংখ্যা খুঁজতে চাই <select>, যেহেতু আমি এটির সাথে ড্রপ-ডাউন বাক্সের সাথে সম্পর্কিত বিকল্প মান সহ সেই সংখ্যার ইনপুট ক্ষেত্রের সাথে সেটিংস প্যানেলটি খুলতে এবং পূর্বরূপে এটি আবার পরিবর্তন করতে চাই প্যানেল।

উপরের ড্রপ-ডাউন বাক্সটি আমার পূর্বরূপ প্যানেলে রয়েছে যা jQuery দ্বারা উত্পন্ন।

javascript jquery html

— করুণা
সূত্র

263

$('#input1 option').length;

এটি উত্পাদন করবে 2।

— nightingale2k1
সূত্র

51

ডাব্লু 3 সি সমাধান:

var len = document.getElementById("input1").length;

— karim79
সূত্র

5

আধুনিক জাভাস্ক্রিপ্ট সহ এই পদ্ধতির ভিন্নতা হবে var len = document.querySelector("#input1").length;

— জ্যাকব নেলসন

22

আপনি দৈর্ঘ্যের সম্পত্তিটি ব্যবহার করতে পারেন এবং lengthএটি তখন সেরা পারফরম্যান্স size।

$('#input1 option').length;

অথবা আপনি আকার ফাংশন ব্যবহার করতে পারেন

$('#input1 option').size();

ডেমো

— Sadikhasan
সূত্র

2

এটি ২০০৯ সালের উত্তরগুলি সরবরাহ করে নি এমন কিছু সরবরাহ করে না।

— টাইলারএইচ

18

আপনার প্রশ্নটি কিছুটা বিভ্রান্তিকর, তবে ধরে নিই যে আপনি কোনও প্যানেলে বিকল্পগুলির সংখ্যা প্রদর্শন করতে চান:

<div id="preview"></div>

এবং

$(function() {
  $("#preview").text($("#input1 option").length + " items");
});

নিশ্চিত না যে আমি আপনার বাকি প্রশ্নটি বুঝতে পেরেছি।

— cletus
সূত্র

14

একটি বহু-নির্বাচন বিকল্প বাক্সে, আপনি $('#input1 :selected').length;নির্বাচিত বিকল্পগুলির সংখ্যা পেতে ব্যবহার করতে পারেন । কোনও নির্দিষ্ট ন্যূনতম সংখ্যার বিকল্পগুলি পূরণ না হলে বোতামগুলি অক্ষম করতে এটি কার্যকর হতে পারে।

function refreshButtons () {
    if ($('#input :selected').length == 0)
    {
        $('#submit').attr ('disabled', 'disabled');
    }
    else
    {
        $('#submit').removeAttr ('disabled');
    }
}

— ফিলিপ
সূত্র

Api.jquery.com/length$('#input1 :selected').length;

— লিওনার্ড কাকান্দে

6

ঠিক আছে, আমার কিছু সমস্যা হয়েছিল কারণ আমি এ এর ভিতরে ছিলাম

$('.my-dropdown').live('click', function(){  
});

আমার পৃষ্ঠার ভিতরে আমার বহুগুণ ছিল সেজন্য আমি একটি ক্লাস ব্যবহার করেছি।

আমার ড্রপ ডাউনটি অজ্যাক্স অনুরোধ দ্বারা স্বয়ংক্রিয়ভাবে পূরণ হয়েছিল যখন আমি এটি ক্লিক করেছি, সুতরাং আমার কাছে কেবলমাত্র উপাদানটি ছিল this (এটি)

তাই ...

আমার করতেই হতো:

$('.my-dropdown').live('click', function(){
  total_tems = $(this).find('option').length;
});

— workdreamer
সূত্র

6

সেরা ফর্ম এটি

$('#example option').length

— রিকার্ডো ল্যাপেজ গার্সিয়া
সূত্র

এই কোড-কেবল (নিম্ন-মান) সমাধানটি 4 বছর আগে সাদিকাসন সরবরাহ করেছিলেন। এর ব্যবহার length9 বছর আগে করিম 79 পোস্ট করেছেন। সম্পূর্ণ উত্তরহীন হওয়ায় এই উত্তরটি পৃষ্ঠা থেকে নিরাপদে মুছে ফেলা যেতে পারে।

— মিকম্যাকুসা

-1

আরেকটি পদ্ধতির যা কার্যকর হতে পারে।

$('#select-id').find('option').length

— Zak
সূত্র

1

প্রশ্নটি কেবলমাত্র নির্বাচিত ব্যক্তির গণনার জন্য জিজ্ঞাসা করছে না <option>।

— ব্যবহারকারী4642212