javascript - jQuery নির্দিষ্ট বিকল্প ট্যাগ টেক্সট পান




drop-down-menu jquery-selectors (14)

ঠিক আছে, আমি এই আছে বলুন:

<select id='list'>
    <option value='1'>Option A</option>
    <option value='2'>Option B</option>
    <option value='3'>Option C</option>
</select>

যদি আমার কাছে 'Option B' মানটি থাকে তাহলে নির্বাচক কী দেখতে চান?

দয়া করে নোট করুন যে নির্বাচিত পাঠ্য মানটি কীভাবে পেতে হয় তা জিজ্ঞাসা করা হয় না, তবে মূল্যের গুণমানের উপর নির্ভর করে নির্বাচিত বা না হোক সেগুলির মধ্যে যেকোনো একটিই বাছাই করা হয়। আমি চেষ্টা করেছিলাম:

$("#list[value='2']").text();

কিন্তু এটা কাজ করছে না।


  1. যদি পেজে শুধুমাত্র একটি ট্যাগ নির্বাচন করা হয় তবে আপনি আইডি 'তালিকা' এর ভিতরে নির্বাচন নির্দিষ্ট করতে পারেন।

    jQuery("select option[value=2]").text();
  2. নির্বাচিত টেক্সট পেতে

    jQuery("select option:selected").text();

আপনি নিম্নলিখিত উপায়ে এক পেতে পারেন

$("#list").find('option').filter('[value=2]').text()

$("#list").find('option[value=2]').text()

$("#list").children('option[value=2]').text()

$("#list option[value='2']").text()

$(function(){    
    
    console.log($("#list").find('option').filter('[value=2]').text());
    console.log($("#list").find('option[value=2]').text());
    console.log($("#list").children('option[value=2]').text());
    console.log($("#list option[value='2']").text());
    
});
<script src="//ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<select id='list'>
    <option value='1'>Option A</option>
    <option value='2'>Option B</option>
    <option value='3'>Option C</option>
</select>


আমি আইডি পরিবর্তে অভ্যন্তরীণ ক্ষেত্রের নাম দিয়ে ভ্যালি পাওয়ার জন্য সন্ধান করছিলাম এবং গুগল থেকে এই পোস্টে এসেছিলাম যা সাহায্য করেছিল কিন্তু সমাধানটি আমার প্রয়োজন ছিল না, কিন্তু আমি সমাধানটি পেয়েছি এবং এখানে এটি হল:

তাই এটি শেয়ারপয়েন্ট তালিকাগুলির জন্য দীর্ঘ আইডি ব্যবহার করার পরিবর্তে ক্ষেত্রের অভ্যন্তরীণ নাম দিয়ে নির্বাচিত মান খোঁজার জন্য কাউকে সাহায্য করতে পারে:

var e = $('select[title="IntenalFieldName"] option:selected').text(); 

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

element.options[element.selectedIndex].text

এটি অবশ্যই NodeValue, childNodes, ইত্যাদি সহ HTML এর পার্স করার পরিবর্তে DOM অবজেক্টটি ব্যবহার করে।


আমি নির্বাচিত লেবেল পেতে চেয়েছিলেন। এই jQuery 1.5.1 আমার জন্য কাজ।

$("#list :selected").text();

একটি টিপ: আপনার মান গতিশীল হলে আপনি নীচের কোড ব্যবহার করতে পারেন:

$("#list option[value='"+aDynamicValue+"']").text();

অথবা (ভাল শৈলী)

$("#list option").filter(function() {
     return this.value === aDynamicValue;
}).text();

JQuery এ উল্লেখ হিসাবে নির্দিষ্ট বিকল্প ট্যাগ টেক্সট পেতে এবং মান পরিবর্তনশীল পরিবর্তনশীল পেতে


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

$(this).find("option:selected").text();

মন্তব্য এক হিসাবে উল্লিখিত। এর সাথে আমি একটি গতিশীল ফাংশন তৈরি করতে সক্ষম হয়েছিলাম যা আমার সমস্ত নির্বাচন বাক্সগুলির সাথে কাজ করে যা আমি উভয় মান, বিকল্প মান এবং পাঠ্য পেতে চাই।

কয়েকদিন আগে আমি লক্ষ্য করেছি যে জাভাস্ক্রিপ্টকে 1.6 থেকে 1.9 পর্যন্ত আপডেট করার সময় আমি এই কোডটি ব্যবহার করেছি, এটি বন্ধ হয়ে যাচ্ছে ... সম্ভবত কোডের অন্য অংশের সাথে দ্বন্দ্ব ছিল ... যাইহোক, সমাধানটি থেকে বিকল্পটি সরাতে হয়েছিল খুঁজে () কল করুন:

$(this).find(":selected").text();

এটা আমার সমাধান ছিল ... যদি আপনার jQuery আপডেট করার পরে আপনার কোন সমস্যা থাকে তবে এটি ব্যবহার করুন।


এটি একটি পুরনো প্রশ্ন যা কিছু সময়ের মধ্যে আপডেট করা হয়নি, এটি করার জন্য সঠিক উপায়টি ব্যবহার করা হবে

$("#action").on('change',function() {
    alert($(this).find("option:selected").text()+' clicked!');
});

আশা করি এটা কাজে লাগবে :-)


নিম্নলিখিত চেষ্টা করুন:

$("#list option[value=2]").text();

কারণ আপনার আসল স্নিপেটটি কাজ করছিল না কারণ আপনার OPTION ট্যাগগুলি আপনার SELECT ট্যাগের সন্তান, যার id list


পাওলো দ্বারা পোস্ট করা মূল এইচটিএমএল উপর ভিত্তি করে আমি নিম্নলিখিত সঙ্গে এসেছিলেন।

$("#list").change(function() {
    alert($(this).find("option:selected").text()+' clicked!');
});

এটি ইন্টারনেট এক্সপ্লোরার এবং ফায়ারফক্সে কাজ করার জন্য পরীক্ষা করা হয়েছে।


ব্যবহার করুন:

function selected_state(){
    jQuery("#list option").each(function(){
        if(jQuery(this).val() == "2"){
            jQuery(this).attr("selected","selected");
            return false;
        }
    });
}

jQuery(document).ready(function(){
    selected_state();
});

যদি আপনি 2 এর মান সহ বিকল্পটি পেতে চান তবে ব্যবহার করুন

$("#list option[value='2']").text();

আপনি যে কোনও বিকল্পটি বর্তমানে নির্বাচন করতে চান তা ব্যবহার করুন

$("#list option:selected").text();

$("#list [value='2']").text();

আইডি নির্বাচক পরে একটি স্থান ছেড়ে।


$("#list option:selected").each(function() {
   alert($(this).text());
});  

#list উপাদান মধ্যে একাধিক নির্বাচিত মান জন্য।







jquery-selectors