<সিলেক্ট> বিকল্পগুলির মাধ্যমে আইট্রেট করুন

Question

আমার <select>এইচটিএমএলে একটি উপাদান রয়েছে। এই উপাদানটি একটি ড্রপ ডাউন তালিকা উপস্থাপন করে। আমি <select>JQuery এর মাধ্যমে এলিমেন্টের বিকল্পগুলির মাধ্যমে কীভাবে পুনরাবৃত্তি করব তা বোঝার চেষ্টা করছি ।

আমি কোনও <select>উপাদানটিতে প্রতিটি বিকল্পের মান এবং পাঠ্য প্রদর্শন করতে কীভাবে JQuery ব্যবহার করব ? আমি কেবল তাদের একটি alert()বাক্সে প্রদর্শন করতে চাই ।

Answer 1

$("#selectId > option").each(function() {
    alert(this.text + ' ' + this.value);
});

• http://api.jquery.com/each/
• http://jsfiddle.net/Rx3AP/

Comments

এটি অদ্ভুত, এটি কাজ করা উচিত তবে কোনও কারণে এটি আমার পক্ষে আসে না ... :(

— সাব্লাইমারিক

এটি এর পরিবর্তে $ (এটি) .ভ্যাল () হওয়া উচিত IT

— থিহার

কেবল আইপিপিএল এর উত্তরই আমার পক্ষে কাজ করেছিল (এবং এটি "" এটি "ছিল না)

— user984003

যথাক্রমে মান এবং পাঠ্য পাওয়ার জন্য এটি this (এটি)। ওভেল () এবং $ (এটি) .পাঠ্য () হওয়া উচিত

— অমিত ভগত

@ অ্যামিটকেবি - পাঠ্য এবং মানগুলি বের করার জন্য স্থানীয় ডিওএম পদ্ধতিটি ব্যবহার করা আরও ভাল। 1) এটি খাটো 2) দুটি নতুন jQuery অবজেক্ট তৈরি করা এড়ানো যায়।

— karim79

Answer 2

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

$(function() {
    $("#select option").each(function(i){
        alert($(this).text() + " : " + $(this).val());
    });
});

Comments

আপনি যদি $(this)কোনও ভেরিয়েবলে সঞ্চয় করেন তবে এটি আরও কার্যকর হবে, যেমনvar $this = $(this); $this.text(); $this.val();...etc.

— লিয়াম

Answer 3

সূচক এবং উপাদান সহ প্রতিটি প্যারামিটারাইজড ব্যবহার করতে পারে।

$('#selectIntegrationConf').find('option').each(function(index,element){
 console.log(index);
 console.log(element.value);
 console.log(element.text);
 });

// এটিও কাজ করবে

$('#selectIntegrationConf option').each(function(index,element){
 console.log(index);
 console.log(element.value);
 console.log(element.text);
 });

Answer 4

এবং অনুগামীদের জন্য প্রয়োজনীয়, অ-jquery উপায়, যেহেতু গুগল সবাইকে এখানে পাঠিয়েছে বলে মনে হচ্ছে:

  var select = document.getElementById("select_id");
  for (var i = 0; i < select.length; i++){
    var option = select.options[i];
    // now have option.text, option.value
  }

Answer 5

আপনিও এর মতো চেষ্টা করতে পারেন।

আপনার HTMLকোড

<select id="mySelectionBox">
    <option value="hello">Foo</option>
    <option value="hello1">Foo1</option>
    <option value="hello2">Foo2</option>
    <option value="hello3">Foo3</option>
</select>

আপনি JQueryকোড

$("#mySelectionBox option").each(function() {
    alert(this.text + ' ' + this.value);
});

অথবা

var select =  $('#mySelectionBox')[0];

  for (var i = 0; i < select.length; i++){
    var option = select.options[i];
    alert (option.text + ' ' + option.value);
  }

Answer 6

$.each($("#MySelect option"), function(){
                    alert($(this).text() + " - " + $(this).val());                    
                });

Answer 7

আপনি Jquery না চাইলে (এবং ES6 ব্যবহার করতে পারেন)

for (const option of document.getElementById('mySelect')) {
  console.log(option);
}

Comments

কোড শুধুমাত্র উত্তর নিরুৎসাহিত করা হয়। এটি কীভাবে সমস্যাটি সমাধান করে, বা এটি বিদ্যমান উত্তর থেকে কীভাবে পৃথক হয় সে সম্পর্কে কিছু ব্যাখ্যা যুক্ত করুন। পর্যালোচনা থেকে

— নিক

Answer 8

JQuery ছাড়াই ইতিমধ্যে প্রস্তাবিত উত্তরের আরও একটি প্রকরণ।

Object.values(document.getElementById('mySelect').options).forEach(option => alert(option))