JQuery ব্যবহার করে একটি ড্রপ-ডাউন তালিকা (নির্বাচন বাক্স) থেকে নির্বাচিত পাঠ্য পান

Question

আমি কীভাবে jQuery এর একটি ড্রপ-ডাউন তালিকা থেকে নির্বাচিত পাঠ্য (নির্বাচিত মান নয়) পেতে পারি ?

Comments

কেবল আমার দুটি সেন্ট: একটি "এএসপি" ড্রপ-ডাউন কোনও বিশেষ নয়; এটা ঠিক ভাল পুরানো এইচটিএমএল। :-)

— ankush981

এই নিবন্ধটি কেউ উল্লেখ করতে পারেন: javascripttstutorial.com/blog/…

— দিলীপ কুমার যাদব

ভ্যানিলা জাভাস্ক্রিপ্ট উপায় দেখতে stackoverflow.com/a/5947/32453

— rogerdpack

মাত্র $ (এটি) .প্রপ ('নির্বাচিত', সত্য); .আটাকে প্রতিস্থাপন করুন। পপ এটি সমস্ত ব্রাউজারের জন্য কাজ করেছে

— শহীদ হুসেন আব্বাসি

Answer 1

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

Comments

আমি মনে করি এটি হওয়া উচিত কারণ $("#yourdropdownid").children("option").filter(":selected").text()থেকে () বস্তুটি নির্বাচকটির সাথে মেলে কিনা তার একটি বুলিয়ান দেয়।

— এমহোলিস

আমি দ্বিতীয় সম্পর্কে মন্তব্যটি হ'ল () একটি বুলেট ফেরানো; বিকল্পভাবে, নিম্নলিখিত ছোট পরিবর্তনটি ব্যবহার করুন: $ ('# থেরাপডাউনড')। শিশুরা ("বিকল্প: নির্বাচিত")। পাঠ্য ();

— স্কুবো

@ ডিটি 3 পরীক্ষিত is("selected").text()একTypeError: Object false has no method 'text'

— আয়নাতে

$('select').children(':selected')সবচেয়ে দ্রুততম উপায়: jsperf.com/get-selected-option-text

— সাইমন

$ ("# আইডিজিলেক্ট")। বাচ্চারা ("বিকল্প: নির্বাচিত")। পাঠ্য ()

— জেডি - ডিসি TECH

Answer 2

এটা চেষ্টা কর:

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

একটি এএসপি.নেট ড্রপডাউনের জন্য আপনি নিম্নলিখিত নির্বাচকটি ব্যবহার করতে পারেন:

$("[id*='MyDropDownId'] :selected")

Comments

এখানে এএসপি.এনইটি সংস্করণটি হ'ল একমাত্র জ্যাকুয়ারি যা আমার জন্য এসপ নেট নিয়ে কাজ করে, তাই আমি সেইটিতে সম্মতি জানাই। এই এক: ( '। $ ( "# Yourdropdownid বিকল্প: নির্বাচিত") পাঠ্য ();' । একটি asp.net পৃষ্ঠা থেকে কাজ একটি মাস্টার পৃষ্ঠা ব্যবহার না

— netfed

এটি কাজ করে না কেননা এসপ নেট মাস্টার পৃষ্ঠাগুলি নির্বাচকের সামনে এলোমেলো অক্ষর ফেলে দেয়। এটি প্রযুক্তিগতভাবে এমন কিছু সন্ধান করছে("#ct0001yourdropdownid)

— সিএস্পার্পার

javascripttstutorial.com/blog/…

— দিলিপ কুমার যাদব

@ সিএসপি - আমার মনে হয় এএসপি.এনইটি এলোমেলো অক্ষর নিক্ষেপ করা বরং বিভ্রান্তিকর। এগুলি মোটেও এলোমেলো নয়, তারা কাঠামোগত এবং কঠোর নিয়মগুলি অনুসরণ করে (আপনি IDনিজের নিয়ন্ত্রণ স্থাপন করেছেন কিনা এমন বিষয়ের উপর ভিত্তি করে এবং যদি না হয় তবে গাছের বর্তমান স্তরে কোথায় ঘটে থাকে তার সূচকগুলির উপর ভিত্তি করে ইত্যাদি) )

— ফ্রিফালার

হাই আপনি কীভাবে এটি একটি সারণি সারি / কক্ষের অভ্যন্তরে করেন, আপনি কীভাবে জানেন যে টেবিলটি থেকে কোনটি ড্রপডাউন হয়, বিশেষত এএসপি এমভিসি 5

— ট্রান্সফরমার

Answer 3

উত্তরগুলি এখানে পোস্ট করা হয়েছে, উদাহরণস্বরূপ,

$('#yourdropdownid option:selected').text();

আমার পক্ষে কাজ করেনি, তবে এটি করেছে:

$('#yourdropdownid').find('option:selected').text();

এটি সম্ভবত jQuery এর একটি পুরানো সংস্করণ।

Comments

এই উত্তরে ঘৃণা করবেন না। "ফাইন্ড" কীওয়ার্ডটি ব্যবহার করে আমার পক্ষে কৌশলটি তৈরি হয়েছিল। আমি সম্পূর্ণ ভিন্ন প্রসঙ্গে আসছিলাম।

— আরএফএলডাব্লিউটাইম

আপনার বিকল্প অংশটি এর নির্বাচিত দ্বারা বর্ণিত হিসাবে প্রয়োজন হয় না .. কেবলমাত্র $ ('# থেরাপডাউনড: নির্বাচিত') ব্যবহার করে পাঠ্য (); ভাল কাজ করবে

— ডিএসএস

jquery-1.10.2.min, এটি আমার জন্য কাজ করেছে, অন্যের জন্য নয়।

— কুবিলে

জনপ্রিয় উত্তরটি কাজ করে, তবে নির্বাচনের ক্ষেত্রে ইতিমধ্যে প্রাপ্ত রেফারেন্সে আমার এটির প্রয়োজন ছিল, তাই এটি আমার জন্য সেরা উত্তর

— গ্রাহাম

Answer 4

আপনার যদি ইতিমধ্যে কোনও ভেরিয়েবলের মধ্যে ড্রপডাউনলিস্ট উপলব্ধ থাকে তবে আমার পক্ষে এটি কাজ করে:

$("option:selected", myVar).text()

এই প্রশ্নে অন্যান্য উত্তর আমাকে সাহায্য, কিন্তু শেষ পর্যন্ত jQuery এর ফোরাম থ্রেড $ (এই + "বিকল্পটি: নির্বাচিত")। ATTR ( "রিল") নির্বাচিত IE তে কাজ করছে না বিকল্প সবচেয়ে সাহায্য করেছিল।

আপডেট: উপরের লিঙ্কটি স্থির করে

Answer 5

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

$("#dropdownid").change(function() {
    alert($(this).find("option:selected").text());
});

যদি উপাদানটি গতিশীলভাবে তৈরি হয়

$(document).on("change", "#dropdownid", function() {
    alert($(this).find("option:selected").text());
});

Answer 6

$("option:selected", $("#TipoRecorde")).text()

Answer 7

$("#DropDownID").val() নির্বাচিত সূচক মান দেবে।

Comments

প্রশ্নের ঠিক উত্তর নয়, তবে এটি আমার জন্য কার্যকর ছিল। প্রশ্নটি নির্বাচিত পাঠ্য চায়।

— পিটার

Answer 8

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

$('#yourdropdownid').find('option:selected').text();

jQuery সংস্করণ: 1.9.1

Comments

এটি আমার পক্ষে কাজ করেছে, কারণ changeইভেন্টটিতে আমি এখন $(this).find('option:selected').text()পাঠ্য পেতে ব্যবহার করতে পারি।

— টিমো 2002

$(this).children(':selected').text()কাজ করবে। @ টিমো 2002

— মিঃ মাক

Answer 9

নির্বাচিত আইটেমের পাঠ্যের জন্য, ব্যবহার করুন:

$('select[name="thegivenname"] option:selected').text();

নির্বাচিত আইটেমটির মানের জন্য, ব্যবহার করুন:

$('select[name="thegivenname"] option:selected').val();

Answer 10

বিভিন্ন উপায়ে

1. $("#myselect option:selected").text();

2. $("#myselect :selected").text();

3. $("#myselect").children(":selected").text();

4. $("#myselect").find(":selected").text();

Answer 11

$("#dropdownID").change(function(){
  alert($('option:selected', $(this)).text());
});

Comments

এটাই, আমি $(this) আমার অজ্যাক্স কল করার পরে প্রত্যাশা করছিলাম

— শান্তারাম টুপে

আপনি এটিকে JQuery অবজেক্টে মোড়ানো না করে $ ("বিকল্প: নির্বাচিত", এটি) .পাঠ্য ()ও করতে পারেন।

— ডগ এফ

Answer 12

এটা ব্যবহার কর

const select = document.getElementById("yourSelectId");

const selectedIndex = select.selectedIndex;
const selectedValue = select.value;
const selectedText = select.options[selectedIndex].text;   

তারপরে আপনি আপনার নির্বাচিত মান এবং পাঠ্য ভিতরে পাবেন selectedValueএবং selectedText।

Comments

আপভোটেড কারণ এটি jQuery ব্যবহার না করে একমাত্র উত্তর।

— জাস্টিন লেজার্ড

আমি ভ্যানিলা জেএসের সাথে প্রেম করছি। এটার জন্য অনেক ধন্যবাদ।

— এনরিক বার্মাডেজ

Answer 13

var someName = "Test";

$("#<%= ddltest.ClientID %>").each(function () {
    $('option', this).each(function () {
        if ($(this).text().toLowerCase() == someName) {
            $(this).attr('selected', 'selected')
        };
    });
});

এটি আপনাকে সঠিক দিকনির্দেশ পেতে সহায়তা করবে। উপরের কোডটি সম্পূর্ণরূপে পরীক্ষিত হয় যদি আপনার আরও সাহায্যের প্রয়োজন হয় আমাকে জানান।

Answer 14

যারা শেয়ারপয়েন্ট তালিকা ব্যবহার করছেন এবং দীর্ঘ উত্পন্ন আইডি ব্যবহার করতে চান না তাদের জন্য এটি কাজ করবে:

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

Answer 15

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

পরিবর্তে #selectIDআপনি .selectClassক্লাস ব্যবহারের মতো যে কোনও jQuery নির্বাচনকারী ব্যবহার করতে পারেন ।

এখানে ডকুমেন্টেশন হিসাবে উল্লিখিত ।

নির্বাচিত নির্বাচক <বিকল্প> উপাদানগুলির জন্য কাজ করে। এটি চেকবক্স বা রেডিও ইনপুটগুলির জন্য কাজ করে না; :checkedতাদের জন্য ব্যবহার করুন।

.text () ডকুমেন্টেশন অনুযায়ী এখানে ।

মিলিত উপাদানগুলির সেটগুলিতে তাদের বংশধর সহ প্রতিটি উপাদানের সম্মিলিত পাঠ্য সামগ্রী পান।

সুতরাং আপনি .text()পদ্ধতিটি ব্যবহার করে যে কোনও HTML উপাদান থেকে পাঠ্য নিতে পারেন ।

আরও গভীর ব্যাখ্যার জন্য ডকুমেন্টেশনটি দেখুন।

Answer 16

$("select[id=yourDropdownid] option:selected").text()

এটি কাজ করে

Answer 17

নির্বাচিত মান ব্যবহারের জন্য

$('#dropDownId').val();

এবং নির্বাচিত আইটেম পাঠ্য পেতে এই লাইনটি ব্যবহার করুন:

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

Answer 18

$('#id').find('option:selected').text();

Answer 19

ড্রপডাউনে পাঠ্য এবং নির্বাচিত মান নির্বাচন করুন / jQuery এ পরিবর্তন ইভেন্ট নির্বাচন করুন

$("#yourdropdownid").change(function() {
    console.log($("option:selected", this).text()); //text
    console.log($(this).val()); //value
})

Answer 20

কেবল নিম্নলিখিত কোডটি চেষ্টা করুন।

var text= $('#yourslectbox').find(":selected").text();

এটি নির্বাচিত বিকল্পটির পাঠ্য দেয়।

Answer 21

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

('#yourdropdownid').find(':selected').text();

Answer 22

var e = document.getElementById("dropDownId");
var div = e.options[e.selectedIndex].text;

Comments

আমি ডিভটি লগ ইন করার চেষ্টা করেছি var div = e.options[e.selectedIndex].text;এবং এটি কেবল প্রথম বিকল্প আইটেমটি প্রদর্শন করে। প্রতিটি আইটেম প্রদর্শন করতে কিভাবে?

— ক্রিস 22

@ Chris22 এই লিঙ্কে পড়ুন stackoverflow.com/questions/3923858/...

— Kalaivani এম

Answer 23

নিম্নলিখিত আমার জন্য কাজ করেছে:

$.trim($('#dropdownId option:selected').html())

Comments

দ্রষ্টব্য: একাধিক নির্বাচনের জন্য এটি ব্যবহার করবেন না। এটি কেবল প্রথম নির্বাচিত মানটি ধরে bs

— সর্বোচ্চ

Answer 24

এই কাজটি আমার জন্য:

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

আমি jQuery 1.10.2 ব্যবহার করছি

Answer 25

ভাইবোন ক্ষেত্রে

<a class="uibutton confirm addClient" href="javascript:void(0);">ADD Client</a>
<input type="text" placeholder="Enter client name" style="margin: 5px;float: right" class="clientsearch large" />
<select class="mychzn-select clientList">
  <option value="">Select Client name....</option>
  <option value="1">abc</option>
</select>


 /*jQuery*/
 $(this).siblings('select').children(':selected').text()

Answer 26

$(function () {
  alert('.val() = ' + $('#selectnumber').val() + '  AND  html() = ' + $('#selectnumber option:selected').html() + '  AND .text() = ' + $('#selectnumber option:selected').text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html xmlns="http://www.w3.org/1999/xhtml">
  <head runat="server">
    <title></title>

  </head>
  <body>
    <form id="form1" runat="server">
      <div>
        <select id="selectnumber">
          <option value="1">one</option>
          <option value="2">two</option>
          <option value="3">three</option>
          <option value="4">four</option>
        </select>

      </div>
    </form>
  </body>
</html>

Comments

হাই আপনি কীভাবে এটি একটি সারণি সারি / ঘরের ভিতরে করেন , আপনি কীভাবে জানবেন যে টেবিল থেকে ড্রপডাউনটি কোনটি? আমি মানগুলি আনতে এবং পপুলেশন করার জন্য একটি এজাক্স কল করার চেষ্টা করছি, আমি এটি কোনও পৃষ্ঠায় বাইরে করতে পারি, তবে টেবিল সারিটির অভ্যন্তরে নয় ... আপনি কি কিছু সহায়তা যুক্ত করতে পারেন দয়া করে

— ট্রান্সফর্মার

Answer 27

চেষ্টা করুন:

$var = jQuery("#dropdownid option:selected").val();
   alert ($var);

অথবা বিকল্পটির পাঠ্য পেতে, ব্যবহার করুন text():

$var = jQuery("#dropdownid option:selected").text();
   alert ($var);

অধিক তথ্য:

• http://api.jquery.com/val/
• http://api.jquery.com/text/

Answer 28

আপনি যদি ফলাফল হিসাবে ফলাফলটি চান তবে ব্যবহার করুন:

x=[];
$("#list_id").children(':selected').each(function(){x.push($(this).text());})

Answer 29

$("#dropdown").find(":selected").text();


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

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

$("#dropdown").children(":selected").text();

Comments

কেন সে কাজ করবে তা ব্যাখ্যা করবেন

— wুকে পড়ে

Answer 30

এই কোডটি আমার পক্ষে কাজ করেছিল।

$("#yourdropdownid").children("option").filter(":selected").text();